mirrors/homebox
1
0
Fork 1
mirror of https://github.com/hay-kot/homebox.git synced 2024-12-18 13:06:32 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix/mobile-layouts (#192)

Browse source 
* partial fix for location card spacing

* update header on mobile
This commit is contained in:
Hayden 2022-12-29 21:18:49 -08:00 committed by GitHub
parent 6a8a25e3f8
commit 58d6f9a28c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/components/Location/Card.vue
View file

@ -19,7 +19,14 @@
<span class="mx-auto"> <span class="mx-auto">
{{ location.name }} {{ location.name }}
</span> </span>
<span v-if="hasCount" class="badge badge-primary h-6 badge-lg"> {{ count }}</span> <span
class="badge badge-primary h-6 badge-lg"
:class="{
'opacity-0': !hasCount,
}"
>
{{ count }}
</span>
</h2> </h2>
</div> </div>
</NuxtLink> </NuxtLink>

23
frontend/layouts/default.vue
View file

@ -13,14 +13,23 @@
<AppToast /> <AppToast />
<div class="drawer drawer-mobile"> <div class="drawer drawer-mobile">
<input id="my-drawer-2" v-model="drawerToggle" type="checkbox" class="drawer-toggle" /> <input id="my-drawer-2" v-model="drawerToggle" type="checkbox" class="drawer-toggle" />
<div class="drawer-content justify-center bg-base-300"> <div class="drawer-content justify-center bg-base-300 pt-20 lg:pt-0">
<AppHeaderDecor class="-mt-10" /> <AppHeaderDecor class="-mt-10 hidden lg:block" />
<slot></slot>
<!-- Button --> <!-- Button -->
<label for="my-drawer-2" class="btn btn-primary drawer-button lg:hidden fixed bottom-2 right-2"> <div class="navbar z-[99] lg:hidden top-0 fixed bg-primary shadow-md drawer-button">
<Icon name="mdi-menu" class="h-6 w-6" /> <NuxtLink to="/home">
</label> <h2 class="mt-1 ml-1 text-3xl font-bold tracking-tight text-base-100 flex">
HomeB
<AppLogo class="w-8 -mb-3" />
x
</h2>
</NuxtLink>
<label for="my-drawer-2" class="btn btn-square btn-ghost ml-auto text-base-100 drawer-button lg:hidden">
<Icon name="mdi-menu" class="h-6 w-6" />
</label>
</div>
<slot></slot>
</div> </div>
<!-- Sidebar --> <!-- Sidebar -->