👷 layout

Bakhaw · Jan 7, 2024 · 75809c5 · 75809c5
1 parent 315341e
commit 75809c5
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/components/BottomBar/index.tsx b/components/BottomBar/index.tsx
@@ -61,7 +61,7 @@ function BottomBar() {
   if (pathname === "/studio" || pathname === "/login") return null;
 
   return (
-    <div className="h-full pt-2 pb-6 bg-primary px-4">
+    <div className="h-full bg-primary pt-2 pb-6 px-4 border-t-2 border-secondary">
       <div className="flex gap-3 items-center justify-evenly">
         {routes.map((route) => (
           <Button

diff --git a/components/Cover/index.tsx b/components/Cover/index.tsx
@@ -32,7 +32,7 @@ const Cover: React.FC<CoverProps> = ({
     <Image
       alt={alt}
       className={cn(
-        `block object-cover ${sizes[size]}`,
+        `block object-cover z-0 ${sizes[size]}`,
         rounded && "rounded-full",
         additionalCss
       )}

diff --git a/components/Player/index.tsx b/components/Player/index.tsx
@@ -41,8 +41,8 @@ const Player: React.FC = () => {
   return (
     <div
       className={cn(
-        "fixed w-full px-2 pb-2 pt-0 z-10 bg-transparent backdrop-blur-sm text-white",
-        currentPlaybackState ? "bottom-24 sm:bottom-0" : "bottom-0"
+        "fixed w-full px-2 pb-2 pt-0 z-10 bg-transparent text-white",
+        currentPlaybackState ? "bottom-20 sm:bottom-0" : "bottom-0"
       )}
     >
       <div