mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-24 06:28:42 +01:00
Code Issues Projects Releases Wiki Activity

fix: fixes top padding for drawer in PWA mode (#3829)

Browse Source
This commit is contained in:
Amir Raminfar
2025-04-21 15:15:03 -07:00
committed by GitHub
parent 10705f05a6
commit 31c51f1939
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/components/common/MobileMenu.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<nav class="border-base-content/20 bg-base-200 fixed top-0 z-10 w-full border-b" data-testid="navigation"> <nav class="border-base-content/20 bg-base-200 pt-safe fixed top-0 z-10 w-full border-b" data-testid="navigation">
<div class="p-2"> <div class="p-2">
<div class="flex items-center"> <div class="flex items-center">
<router-link :to="{ name: '/' }"> <router-link :to="{ name: '/' }">
@@ -57,8 +57,4 @@ watch(route, () => {
.fade-leave-to > div { .fade-leave-to > div {
@apply -translate-y-10; @apply -translate-y-10;
} }
nav {
padding-top: env(safe-area-inset-top);
}
</style> </style>

2
assets/components/common/SideDrawer.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<dialog ref="panel" class="modal-right modal items-start outline-hidden backdrop:bg-none"> <dialog ref="panel" class="modal-right modal items-start outline-hidden backdrop:bg-none">
<div class="modal-box" :width="width"> <div class="modal-box pt-safe" :width="width">
<form method="dialog"> <form method="dialog">
<button class="swap hover:swap-active absolute top-4 right-4 outline-hidden"> <button class="swap hover:swap-active absolute top-4 right-4 outline-hidden">
<mdi:keyboard-esc class="swap-off" /> <mdi:keyboard-esc class="swap-off" />

4
assets/main.css
View File

@@ -11,6 +11,10 @@
--color-orange: oklch(70% 0.186 48.13); --color-orange: oklch(70% 0.186 48.13);
} }
@utility pt-safe {
padding-top: env(safe-area-inset-top);
}
@plugin "daisyui/theme" { @plugin "daisyui/theme" {
name: "dark"; name: "dark";
default: false; default: false;