fix: Improve bottom icon size on mobile

debjitbis08 · Nov 25, 2024 · 2e7de8a · 2e7de8a
1 parent 773bcc1
commit 2e7de8a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/Actions.jsx b/src/components/Actions.jsx
@@ -440,7 +440,7 @@ function ActionButton(props) {
         onClick={props.onClick}
         disabled={props.disabled}
       >
-        <div class="px-2 py-2 flex items-center gap-2 text-gray-600">
+        <div class="px-2 py-2 flex items-center gap-2 text-gray-600 text-xl md:text-base">
           {props.icon}
         </div>
       </Tooltip.Trigger>

diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -55,6 +55,7 @@ const avatarUrl = user?.user_metadata?.avatar_url || '/default-avatar.png'; // D
             <div class="
                 md:pl-0 flex flex-grow flex-shrink md:min-w-[300px] md:gap-2 md:justify-end
                 fixed bottom-0 left-0 z-50 bg-page-background w-full py-2 px-4
+                pb-10 md:pb-2 text-xl md:text-base
                 md:static
             ">
                 <button type="button" id="left-panel-btn" class="md:hidden">