chore: improve phone screen

vwh · Sep 26, 2024 · 79c8aea · 79c8aea
1 parent df91e67
commit 79c8aea
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -50,9 +50,9 @@ const App: React.FC = () => {
   return (
     <>
       <Navbar />
-      <main className="flex flex-col md:h-[calc(100vh-68px)] md:flex-row">
+      <main className="flex h-[calc(100vh-68px)] flex-col md:flex-row">
         <Sidebar />
-        <section className="relative flex h-[300px] w-full flex-grow items-center justify-center overflow-hidden bg-background md:h-full md:shadow-xl">
+        <section className="relative flex h-full w-full flex-grow items-center justify-center overflow-hidden bg-background md:shadow-xl">
           <div className="z-50" id="svg-container" style={containerStyle}>
             <div style={svgWrapperStyle}>
               <SvgComponent

diff --git a/src/components/sidebar.tsx b/src/components/sidebar.tsx
@@ -52,7 +52,7 @@ export default function Sidebar() {
   const [tapName, setTapName] = useState<"icon" | "background">("icon");
 
   return (
-    <aside className="w-full space-y-3 overflow-y-auto border-b-[3px] border-r-2 px-2 py-2 md:w-[500px] md:border-b-0">
+    <aside className="h-full w-full space-y-3 overflow-y-auto border-b-[3px] border-r-2 px-2 py-2 md:w-[500px] md:border-b-0">
       <div className="flex">
         <Button
           className="w-full rounded-none rounded-bl-lg rounded-tl-lg border-r-2"