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({