tweak breakpoints, add icon attribution

This commit is contained in:
Jon Staab
2024-10-17 12:56:02 -07:00
parent 0bd68b2047
commit 588b60f4bb
3 changed files with 15 additions and 10 deletions
+2 -2
View File
@@ -21,7 +21,7 @@
const showSettingsMenu = () => pushModal(MenuSettings)
</script>
<div class="relative hidden w-14 flex-shrink-0 bg-base-100 pt-4 sm:block">
<div class="relative hidden w-14 flex-shrink-0 bg-base-100 pt-4 md:block">
<div class="flex h-full flex-col justify-between">
<div>
<PrimaryNavItem href="/home/people" class="tooltip-right">
@@ -52,7 +52,7 @@
<slot />
<div class="fixed bottom-0 left-0 right-0 z-nav h-14 bg-base-100 sm:hidden">
<div class="fixed bottom-0 left-0 right-0 z-nav h-14 bg-base-100 md:hidden">
<div class="m-auto flex max-w-sm justify-between px-2">
<PrimaryNavItem title="Home" on:click={showHomeMenu}>
<Avatar icon="home-smile" class="!h-10 !w-10" />
+1 -1
View File
@@ -1,3 +1,3 @@
<div class="hidden max-h-screen w-60 flex-shrink-0 flex-col gap-1 bg-base-300 sm:flex">
<div class="hidden max-h-screen w-60 flex-shrink-0 flex-col gap-1 bg-base-300 md:flex">
<slot />
</div>
+12 -7
View File
@@ -24,7 +24,7 @@
</div>
<div class="card2 bg-alt flex flex-col gap-2 text-center shadow-2xl">
<h3 class="text-2xl sm:h-12">Get in touch</h3>
<p class="sm:h-16">Having problems? Let us know by.</p>
<p class="sm:h-16">Having problems? Let us know.</p>
<Link
class="btn btn-primary"
href="/home/97c70a44366a6535c145b333f973ea86dfdc2d7a99da618c40c64705ad98e322">
@@ -33,12 +33,17 @@
</div>
</div>
<div class="flex flex-col gap-4">
<p class="text-center">
Built with 💜 by
<span class="text-primary">
@<Button on:click={openProfile} class="link">hodlbod</Button>
</span>
</p>
<div class="col-2 items-center text-center">
<p class="text-sm">
Built with 💜 by
<span class="text-primary">
@<Button on:click={openProfile} class="link">hodlbod</Button>
</span>
</p>
<p class="text-xs">
Icons by <Link external class="link" href="https://www.figma.com/community/file/1166831539721848736">480 Design</Link>
</p>
</div>
<div class="flex justify-center gap-4">
<div class="tooltip" data-tip="Source Code">
<Link external href="https://github.com/coracle-social/flotilla">