highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-03-17 13:21:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

add padding to bottom nav for iphone

Browse Source
This commit is contained in:
hzrd149 2024-07-20 06:29:39 -05:00
parent 878190a895
commit 9cc0ecb023
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, viewport-fit=cover" />
<link rel="stylesheet" href="./src/styles.css" />
<title>noStrudel</title>
<meta name="description" content="A simple nostr web client focused on exploring nostr" />

2
src/components/layout/mobile-bottom-nav.tsx
View File

@ -20,7 +20,7 @@ export default function MobileBottomNav(props: Omit<FlexProps, "children">) {
return (
<>
<Flex {...props} gap="2" padding="2" alignItems="center">
<Flex {...props} gap="2" p="2" alignItems="center" pb="calc(var(--chakra-space-2) + env(safe-area-inset-bottom))">
{account ? (
<UserAvatar pubkey={account.pubkey} size="sm" onClick={onOpen} noProxy />
) : (