fix: timeline width exceeding browser width (#316)

* fix timeline width * Revert change back
reearth · Sep 17, 2022 · c6dbb30 · c6dbb30
1 parent 9596c57
commit c6dbb30
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/atoms/Timeline/ScaleList.tsx b/src/components/atoms/Timeline/ScaleList.tsx
@@ -58,7 +58,8 @@ const ScaleListInner: React.FC<ScaleListInnerProps> = memo(function ScaleListPre
 
 const ScaleContainer = styled.div`
   display: flex;
-  min-width: 100%;
+  width: 0;
+
   height: 30px;
   align-items: flex-end;
   will-change: auto;

diff --git a/src/components/atoms/Timeline/index.tsx b/src/components/atoms/Timeline/index.tsx
@@ -103,7 +103,7 @@ const Timeline: React.FC<Props> = memo(function TimelinePresenter({
         </li>
         <li>
           <InputRangeLabel>
-            <InputRangeLabelText size="xs">{speed}X</InputRangeLabelText>
+            <InputRangeLabelText size="xs">{speed}x</InputRangeLabelText>
             <InputRange
               publishedTheme={publishedTheme}
               type="range"

diff --git a/src/components/organisms/GlobalModal/index.tsx b/src/components/organisms/GlobalModal/index.tsx
@@ -39,7 +39,6 @@ const GlobalModal: React.FC = () => {
           theme={currentTheme}
           accessToken={accessToken}
           onLogOut={logout}
-          show
           onNotificationChange={handleNotificationChange}
         />
       ))}