Update component styles

tempfiles-team · Mar 30, 2024 · 0807749 · 0807749
1 parent c243a64
commit 0807749
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 24 deletions.
diff --git a/src/components/DownLoadCountSlider/styled.ts b/src/components/DownLoadCountSlider/styled.ts
@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
 export const DownloadCountContainer = styled.div`
-  width: 100%;
+  width: 70%;
   display: flex;
   flex-direction: column;
   margin-top: 2rem;
@@ -12,5 +12,5 @@ export const SectionText = styled.div`
   font-weight: 700;
   margin-bottom: 1rem;
   display: flex;
-  margin-left: 3rem;
+  margin-left: 2rem;
 `;
diff --git a/src/components/ExpireTime/styled.ts b/src/components/ExpireTime/styled.ts
@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
 export const ExpireTimeContainer = styled.div`
-  width: 100%;
+  width: 70%;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -16,7 +16,7 @@ export const ExpireTimeText = styled.div`
   justify-content: center;
   font-size: 2rem;
   font-weight: 700;
-  border-radius: 8px;
+  border-radius: 0.4rem;
   background: var(--color-backgorund-black);
 `;
 

diff --git a/src/components/FileFind/styled.ts b/src/components/FileFind/styled.ts
@@ -45,6 +45,6 @@ export const FileFindButton = styled.label`
   color: var(--color-text-primary);
   font-size: 2rem;
   font-weight: 700;
-  border-radius: 10px;
+  border-radius: 1rem;
   margin-left: 10px;
 `;
diff --git a/src/components/RangeSlider/index.ts b/src/components/RangeSlider/index.ts
@@ -4,7 +4,7 @@ export const RangeSlider = styled.input`
   -webkit-appearance: none;
   width: 100%;
   height: 4rem;
-  border-radius: 8px;
+  border-radius: 0.4rem;
   background: var(--color-backgorund-black);
   outline: none;
   &::-webkit-slider-thumb {

diff --git a/src/index.tsx b/src/index.tsx
@@ -7,24 +7,34 @@ import { Analytics } from '@vercel/analytics/react';
 import { SpeedInsights } from '@vercel/speed-insights/react';
 import App from './App';
 
-async function enableMocking() {
-  if (process.env.NODE_ENV !== 'development') {
-    return;
-  }
+// async function enableMocking() {
+//   if (process.env.NODE_ENV !== 'development') {
+//     return;
+//   }
 
-  const { worker } = await import('./mocks/browser');
-  return worker.start();
-}
+//   const { worker } = await import('./mocks/browser');
+//   return worker.start();
+// }
 
 const root = createRoot(document.getElementById('root') as HTMLElement);
-enableMocking().then(() => {
-  root.render(
-    <BrowserRouter>
-      <Global styles={globalStyle} />
-      <App />
+// enableMocking().then(() => {
+//   root.render(
+//     <BrowserRouter>
+//       <Global styles={globalStyle} />
+//       <App />
 
-      <Analytics />
-      <SpeedInsights />
-    </BrowserRouter>
-  );
-});
+//       <Analytics />
+//       <SpeedInsights />
+//     </BrowserRouter>
+//   );
+// });
+
+root.render(
+  <BrowserRouter>
+    <Global styles={globalStyle} />
+    <App />
+
+    <Analytics />
+    <SpeedInsights />
+  </BrowserRouter>
+);
diff --git a/src/pages/main/index.tsx b/src/pages/main/index.tsx
@@ -25,7 +25,7 @@ export function MainPage() {
   const [downloadCountBoolean, setDownloadCountBoolean] = useState(false);
   const [hideBoolean, sethideBoolean] = useState(false);
 
-  const [expireTime, setExpireTime] = useState(1);
+  const [expireTime, setExpireTime] = useState(60);
   const [downloadCount, setDownloadCount] = useState(100);
 
   const [fileProps, setFileProps] = useState({