Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2026-04-19 11:25:35 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix: Misc frontend layout fixes (#7487)

Browse Source
This commit is contained in:
Michael Genson
2026-04-17 12:28:13 -05:00
committed by GitHub
parent 0a07835338
commit d9e933d5ae
4 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/app/assets/main.css
View File

@@ -20,16 +20,12 @@
max-width: 1100px !important; max-width: 1100px !important;
} }
.theme--dark.v-application { .v-theme--dark.v-application {
background-color: rgb(var(--v-theme-background, 30, 30, 30)) !important; background-color: rgb(var(--v-theme-background)) !important;
} }
.theme--dark.v-navigation-drawer { .v-theme--dark .v-navigation-drawer {
background-color: rgb(var(--v-theme-background, 30, 30, 30)) !important; background-color: rgb(var(--v-theme-background)) !important;
}
.theme--dark.v-card {
background-color: #1e1e1e !important;
} }
.left-border { .left-border {

3
frontend/app/components/Domain/Recipe/RecipeTimeline.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div style="height: 100%;"> <div style="height: 100%;">
<v-row class="my-0 mx-7"> <v-row class="mb-0 mt-3 mx-7">
<v-spacer /> <v-spacer />
<v-col class="text-right"> <v-col class="text-right">
<!-- Filters --> <!-- Filters -->
@@ -44,6 +44,7 @@
:model-value="option.checked" :model-value="option.checked"
color="primary" color="primary"
readonly readonly
hide-details
@click="toggleEventTypeOption(option.value)" @click="toggleEventTypeOption(option.value)"
> >
<template #label> <template #label>

1
frontend/app/components/Domain/Recipe/RecipeTimelineItem.vue
View File

@@ -28,7 +28,6 @@
<v-col v-else cols="9" style="margin: auto; text-align: center"> <v-col v-else cols="9" style="margin: auto; text-align: center">
{{ event.subject }} {{ event.subject }}
</v-col> </v-col>
<v-spacer />
<v-col :cols="useMobileFormat ? 'auto' : '1'" class="px-0 pt-0"> <v-col :cols="useMobileFormat ? 'auto' : '1'" class="px-0 pt-0">
<RecipeTimelineContextMenu <RecipeTimelineContextMenu
v-if="currentUser && currentUser.id == event.userId && event.eventType != 'system'" v-if="currentUser && currentUser.id == event.userId && event.eventType != 'system'"

1
frontend/app/plugins/theme.ts
View File

@@ -68,6 +68,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
warning: theme?.darkWarning ?? "#FF6D00", warning: theme?.darkWarning ?? "#FF6D00",
error: theme?.darkError ?? "#EF5350", error: theme?.darkError ?? "#EF5350",
background: "#1E1E1E", background: "#1E1E1E",
surface: "#1E1E1E",
}, },
}, },
}, },