fix dialog placement

This commit is contained in:
hay-kot 2021-03-31 16:41:43 -08:00
commit 910611326c

View file

@ -1,6 +1,6 @@
<template> <template>
<div class="text-center"> <div class="text-center ">
<v-dialog v-model="dialog" width="600px" height="0"> <v-dialog v-model="dialog" class="search-dialog" width="600px" height="0">
<v-card> <v-card>
<v-app-bar dark color="primary"> <v-app-bar dark color="primary">
<v-toolbar-title class="headline">Search a Recipe</v-toolbar-title> <v-toolbar-title class="headline">Search a Recipe</v-toolbar-title>
@ -49,8 +49,8 @@ export default {
}; };
</script> </script>
<style> <style scope>
.v-dialog__content { .search-dialog {
margin-top: 10%; margin-top: 10%;
align-items: flex-start; align-items: flex-start;
justify-content: center; justify-content: center;