opensourcemirror
/
daisyui
mirror of https://github.com/saadeghi/daisyui.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/saadeghi/daisyui

This commit is contained in:
Pouya Saadeghi 2022-11-14 12:08:54 +03:00
parent 49f129d200 662ce0ec3f
commit a4783e1091
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/unstyled/bottom-navigation.css
View File

@ -1,5 +1,6 @@
.btm-nav {
@apply flex flex-row items-center justify-around fixed bottom-0 left-0 right-0 w-full;
padding-bottom: env(safe-area-inset-bottom);
&>* {
@apply flex items-center justify-center flex-col basis-full h-full cursor-pointer relative gap-1;
}

7
src/docs/src/routes/components/bottom-navigation.svelte.md
View File

@ -23,6 +23,13 @@ data="{[
]}"
/>
<div class="alert alert-info text-sm mb-2">
<div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-info-content flex-shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
The &lt;meta name="viewport" content="viewport-fit=cover"&gt; is required for responsive of the bottom navigation in iOS.
</div>
</div>
<Component title="Bottom Navigation">
<div class="btm-nav relative">
<button>