fix layout issues

This commit is contained in:
hay-kot 2021-04-01 17:13:39 -08:00
commit 612d1ecc0e
3 changed files with 20 additions and 26 deletions

View file

@ -42,4 +42,7 @@ export default {
</script> </script>
<style scoped> <style scoped>
.v-text-field{
max-width: 300px;
}
</style> </style>

View file

@ -10,14 +10,14 @@
<v-checkbox <v-checkbox
hide-details hide-details
v-model="ingredient.checked" v-model="ingredient.checked"
class=" pt-0 ingredients my-auto py-auto" class="pt-0 my-auto py-auto"
color="secondary" color="secondary"
> >
</v-checkbox> </v-checkbox>
<v-list-item-content> <v-list-item-content>
<vue-markdown <vue-markdown
class="my-auto text-subtitle-1 mb-0" class="ma-0 pa-0 text-subtitle-1 dense-markdown"
:source="ingredient.text" :source="ingredient.text"
> >
</vue-markdown> </vue-markdown>
@ -55,12 +55,8 @@ export default {
}; };
</script> </script>
<style scoped> <style >
p { .dense-markdown p {
margin-bottom: auto !important; margin: auto !important;
}
.my-card-text {
overflow-wrap: break-word;
} }
</style> </style>

View file

@ -57,28 +57,23 @@
<strong>{{ groupSettings.webhookTime }}</strong> <strong>{{ groupSettings.webhookTime }}</strong>
</p> </p>
<v-row dense align="center"> <v-row dense class="flex align-center">
<v-col cols="12" md="2" sm="5">
<v-switch <v-switch
class="mx-2"
v-model="groupSettings.webhookEnable" v-model="groupSettings.webhookEnable"
:label="$t('general.enabled')" :label="$t('general.enabled')"
></v-switch> ></v-switch>
</v-col> <TimePickerDialog @save-time="saveTime" class="ma-2" />
<v-col cols="12" md="3" sm="5"> <v-btn class="ma-2" color="info" @click="testWebhooks">
<TimePickerDialog @save-time="saveTime" />
</v-col>
<v-col cols="12" md="4" sm="5">
<v-btn text color="info" @click="testWebhooks">
<v-icon left> mdi-webhook </v-icon> <v-icon left> mdi-webhook </v-icon>
{{ $t("settings.webhooks.test-webhooks") }} {{ $t("settings.webhooks.test-webhooks") }}
</v-btn> </v-btn>
</v-col>
</v-row> </v-row>
<v-row <v-row
v-for="(url, index) in groupSettings.webhookUrls" v-for="(url, index) in groupSettings.webhookUrls"
:key="index" :key="index"
align="center" align=" center"
dense dense
> >
<v-col cols="1"> <v-col cols="1">