diff --git a/src/pages/branches/[name].tsx b/src/pages/branches/[name].tsx
index d672dbb..5d88d4e 100644
--- a/src/pages/branches/[name].tsx
+++ b/src/pages/branches/[name].tsx
@@ -1,20 +1,18 @@
-import { useRouter } from 'next/router';
import MainContainer from '@/components/shared/MainContainer';
import BranchInfo from '@/components/map/BranchInfo';
const BranchDetailsPage = () => {
- const router = useRouter();
- const { name, address } = router.query;
+
return (
);
};
-export default BranchDetailsPage;
+export default BranchDetailsPage;
\ No newline at end of file
diff --git a/src/pages/reservation/selectseat/index.tsx b/src/pages/reservation/selectseat/index.tsx
index 92db39e..43809a3 100644
--- a/src/pages/reservation/selectseat/index.tsx
+++ b/src/pages/reservation/selectseat/index.tsx
@@ -1,5 +1,5 @@
'use client';
-import Footer from '@/components/footer/Footer';
+import Footer from '@/components/layout/footer/Footer';
import SelectSeatIndex from '@/components/reservation/focuszone/selectSeat/SelectSeatIndex';
import MainContainer from '@/components/shared/MainContainer';
import React from 'react';
diff --git a/src/styles/globals.css b/src/styles/globals.css
index d0cd858..447e98d 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -61,6 +61,7 @@ body {
.react-datepicker__header {
background-color: white !important;
border: none !important;
+ padding: none !important;
}
.react-datepicker__month {
@@ -92,7 +93,7 @@ body {
}
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
- margin-right: 18px !important;
+ margin-right: 16px !important;
margin-top: 6px !important;
}
@@ -105,19 +106,32 @@ body {
background-color: #EDEBF8 !important;
}
-input[type="checkbox"]{
+input[type="checkbox"] {
display: inline-block;
width: 20px;
height: 20px;
+ appearance: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background-color: #f4f4f5;
+ border: 2px solid #e4e4e7;
+ border-radius: 4px;
+ position: relative;
+ cursor: pointer;
}
-input[id="check1"]:checked {
- display: inline-block;
- content:'✔';
- font-size: 25px;
- width: 20px;
- height: 20px;
- text-align: center;
+input[type="checkbox"]:checked {
+ background-color: #e9d5ff;
+}
+
+input[type="checkbox"]:checked::after {
+ content: '✔';
+ font-size: 16px;
+ color: #7c3aed;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
}
.container {
@@ -153,6 +167,7 @@ input[id="check1"]:checked {
}
.items {
+ width: 100%;
height: 100%;
padding: 50% 0;
margin: 0;
@@ -171,13 +186,12 @@ input[id="check1"]:checked {
.item {
margin-right: 10px;
list-style-type: none;
- width: 100%;
- text-align: right;
+ text-align: center;
scroll-snap-align: center;
}
.item div {
- width: 150px;
+ width: 100%;
display: inline-block;
text-align: center;
}