diff --git a/src/components/DownLoadCountSlider/styled.ts b/src/components/DownLoadCountSlider/styled.ts index b67f43c..70010d3 100644 --- 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 index e8b6b7d..94da5c8 100644 --- 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 index 2ac0a05..ed10af9 100644 --- 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 index fa1dc7d..6b236f6 100644 --- 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 index 68742e8..5ffaa73 100644 --- 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( - - - +// enableMocking().then(() => { +// root.render( +// +// +// - - - - ); -}); +// +// +// +// ); +// }); + +root.render( + + + + + + + +); diff --git a/src/pages/main/index.tsx b/src/pages/main/index.tsx index 157ad70..a263167 100644 --- 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({