ui(rewind): use smaller select style for user selector

RaunoT · Aug 25, 2024 · 310386d · 310386d
1 parent ca5061c
commit 310386d
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/app/rewind/_components/StoryWrapper.tsx b/src/app/rewind/_components/StoryWrapper.tsx
@@ -18,7 +18,7 @@ export default function StoryWrapper({
     <>
       {children}
       <button
-        className='absolute -bottom-[54px] right-0 z-10 size-5 sm:-right-4'
+        className='absolute -bottom-[2.75rem] right-0 z-10 size-5 sm:-right-4'
         onClick={() => (isPaused ? resume() : pause())}
       >
         {isPaused ? <PlayIcon /> : <PauseIcon />}

diff --git a/src/app/rewind/_components/UserSelect.tsx b/src/app/rewind/_components/UserSelect.tsx
@@ -25,9 +25,9 @@ export default function UserSelect({ users, currentUserId }: Props) {
 
   return (
     <div className='input-wrapper absolute bottom-4 left-4 z-10'>
-      <div className='select-wrapper'>
+      <div className='select-wrapper select-wrapper--small'>
         <select
-          className='input'
+          className='input input--small'
           value={currentUserId}
           onChange={handleChange}
           ref={selectRef}

diff --git a/src/app/rewind/layout.tsx b/src/app/rewind/layout.tsx
@@ -24,7 +24,7 @@ export default async function RewindLayout({ children }: Props) {
   return (
     <div className='flex w-full max-w-2xl flex-1 flex-col sm:flex-none'>
       <PageTitle title='Rewind' />
-      <CardWrapper className='pb-20 sm:min-h-[80vh]'>{children}</CardWrapper>
+      <CardWrapper className='pb-16 sm:min-h-[80vh]'>{children}</CardWrapper>
     </div>
   )
 }