diff --git a/client/src/assets/css/About.css b/client/src/assets/css/About.css deleted file mode 100644 index 05a76b9..0000000 --- a/client/src/assets/css/About.css +++ /dev/null @@ -1,95 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Cabin&family=Roboto+Condensed:wght@400;700&display=swap"); -/* box shadow*/ -.section { - padding-top: 2rem; - padding-bottom: 3rem; - width: 100%; -} -.section .about-heading { - font-size: 2.5rem; - margin-bottom: 3.5rem; - text-align: center; - text-transform: uppercase; - letter-spacing: 0.25rem; - font-weight: bold; - color: #973131; -} -.section .about-heading .about-badge { - background-color: #973131 !important; -} -.section .about-heading .about-badge span { - color: #f5e7b2; -} - -.general-container { - display: flex; - width: 95vw; - margin: auto; - justify-content: space-between; - max-width: 1170px; - flex-wrap: wrap; -} - -.about-section .about-container .about-img { - position: relative; - flex: 0 0 calc(50% - 2rem); - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.about-section .about-container .about-img img { - overflow: clip; - width: 100%; - object-fit: cover; -} -@media screen and (min-width: 1170px) { - .about-section .about-container .about-img::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - z-index: -1; - bottom: 1.5rem; - right: 1.5rem; - border: 0.5rem solid #973131; - box-sizing: border-box; - } -} -.about-section .about-container .describe-container { - display: flex; - flex-direction: column; - justify-content: center; - flex: 0 0 calc(50% - 2rem); -} -.about-section .about-container .describe-container h3 { - font-size: 1.75rem; - text-transform: capitalize; - letter-spacing: 0.25rem; - margin-bottom: 0.75rem; -} -.about-section .about-container .describe-container p { - letter-spacing: 0; - margin-bottom: 1.25rem; - text-align: left; -} -@media (max-width: 992px) { - .about-section .about-container { - flex-direction: column; - width: 90vw; - } -} - -.general-btn { - font-size: 0.875rem; - padding: 0.375rem 0.75rem; - border: 2px solid #973131; - background-color: #973131; - line-height: 21px; - color: #f5e7b2; -} -.general-btn:hover { - cursor: pointer; - background-color: rgb(112.495, 36.505, 36.505); - color: #fff; - border-color: rgb(112.495, 36.505, 36.505); -} - -/*# sourceMappingURL=About.css.map */ diff --git a/client/src/assets/css/About.css.map b/client/src/assets/css/About.css.map deleted file mode 100644 index d5ac1b1..0000000 --- a/client/src/assets/css/About.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/Variables.scss","../scss/About.scss"],"names":[],"mappings":"AAAQ;AA2BR;ACzBA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,ODPe;;ACQf;EACE;;AACA;EACE,ODDc;;;ACOtB;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKE;EACE;EACA;EACA,YDPK;;ACSL;EACE;EACA;EACA;;AAGF;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EA/CF;IAgDI;IACA;;;;AAKN;EACE;EACA;EACA;EACA,kBDrFiB;ECsFjB;EACA,OD7EoB;;AC+EpB;EACE;EACA,kBD1FqB;EC2FrB;EACA,cD5FqB","file":"About.css"} \ No newline at end of file diff --git a/client/src/assets/css/App.css b/client/src/assets/css/App.css deleted file mode 100644 index 8a72e9a..0000000 --- a/client/src/assets/css/App.css +++ /dev/null @@ -1,17 +0,0 @@ -/* Error: Can't find stylesheet to import. - * , - * 1 | @import '~bootstrap/scss/bootstrap'; - * | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ - * ' - * scss\App.scss 1:9 root stylesheet */ - -body::before { - font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono", - "Droid Sans Mono", monospace, monospace; - white-space: pre; - display: block; - padding: 1em; - margin-bottom: 1em; - border-bottom: 2px solid black; - content: "Error: Can't find stylesheet to import.\a \2577 \a 1 \2502 @import '~bootstrap/scss/bootstrap';\d\a \2502 ^^^^^^^^^^^^^^^^^^^^^^^^^^^\a \2575 \a scss\\App.scss 1:9 root stylesheet"; -} diff --git a/client/src/assets/css/AspirationCard.css b/client/src/assets/css/AspirationCard.css deleted file mode 100644 index 1ab1a8f..0000000 --- a/client/src/assets/css/AspirationCard.css +++ /dev/null @@ -1,13 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Cabin&family=Roboto+Condensed:wght@400;700&display=swap"); -/* box shadow*/ -.a-card:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - cursor: pointer; -} - -.a-card-body { - background: #f9d689; - border-radius: 0 0 5px 5px; -} - -/*# sourceMappingURL=AspirationCard.css.map */ diff --git a/client/src/assets/css/AspirationCard.css.map b/client/src/assets/css/AspirationCard.css.map deleted file mode 100644 index 857ca38..0000000 --- a/client/src/assets/css/AspirationCard.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/Variables.scss","../scss/AspirationCard.scss"],"names":[],"mappings":"AAAQ;AA2BR;ACxBE;EACE,YD4BO;EC3BP;;;AAIJ;EACE,YDGkB;ECFlB","file":"AspirationCard.css"} \ No newline at end of file diff --git a/client/src/assets/css/Card.css b/client/src/assets/css/Card.css deleted file mode 100644 index 3dbac43..0000000 --- a/client/src/assets/css/Card.css +++ /dev/null @@ -1,76 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Cabin&family=Roboto+Condensed:wght@400;700&display=swap"); -/* box shadow*/ -.b-card:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - cursor: pointer; -} - -.b-card-body { - background: #f9d689; - border-radius: 0 0 5px 5px; -} - -.a-card { - height: 283px !important; - padding: 40px 32px; - gap: 1rem; - justify-content: center; - align-items: center; - background: #f5e7b2 !important; -} -.a-card:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - cursor: pointer; -} -.a-card .card-icon { - line-height: 5rem; - text-align: center; - background-color: rgb(250.8620689655, 245.0689655172, 223.1379310345); - font-size: 3rem; - height: 100px; - width: 100px; -} - -.a-card-body { - border-radius: 0 0 5px 5px; -} -.a-card-body .card-title { - font-size: 2rem; - text-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - margin-bottom: 1rem; -} - -.card-container { - display: flex; - flex-direction: row; - gap: 5rem; - height: 18rem; -} - -.flip-card { - width: 300px; - height: 200px; - perspective: 1000px; -} -.flip-card-inner { - position: relative; - width: 100%; - height: 100%; - transition: transform 0.8s; - transform-style: preserve-3d; -} -.flip-card-inner:hover { - transform: rotateY(180deg); -} -.flip-card-front, .flip-card-back { - position: absolute; - width: 100%; - height: 100%; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.flip-card-back { - transform: rotateY(180deg); -} - -/*# sourceMappingURL=Card.css.map */ diff --git a/client/src/assets/css/Card.css.map b/client/src/assets/css/Card.css.map deleted file mode 100644 index d3759a0..0000000 --- a/client/src/assets/css/Card.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/Variables.scss","../scss/Card.scss"],"names":[],"mappings":"AAAQ;AA2BR;ACxBE;EACE,YD4BO;EC3BP;;;AAIJ;EACE,YDGkB;ECFlB;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE,YDUO;ECTP;;AAEF;EACE;EACA;EACA,kBDVwB;ECWxB;EACA;EACA;;;AAIJ;EACE;;AACA;EACE;EACA,aDPO;ECQP;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE","file":"Card.css"} \ No newline at end of file diff --git a/client/src/assets/css/Library.css b/client/src/assets/css/Library.css deleted file mode 100644 index 37c9107..0000000 --- a/client/src/assets/css/Library.css +++ /dev/null @@ -1,8 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Cabin&family=Roboto+Condensed:wght@400;700&display=swap"); -/* box shadow*/ -.library .library-container { - background-color: rgb(250.8620689655, 245.0689655172, 223.1379310345); - padding: 0 5rem; -} - -/*# sourceMappingURL=Library.css.map */ diff --git a/client/src/assets/css/Library.css.map b/client/src/assets/css/Library.css.map deleted file mode 100644 index cc6b19b..0000000 --- a/client/src/assets/css/Library.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/Variables.scss","../scss/Library.scss"],"names":[],"mappings":"AAAQ;AA2BR;ACxBE;EACE,kBDcwB;ECbxB","file":"Library.css"} \ No newline at end of file diff --git a/client/src/assets/css/Navbar.css b/client/src/assets/css/Navbar.css deleted file mode 100644 index 7c517ee..0000000 --- a/client/src/assets/css/Navbar.css +++ /dev/null @@ -1,41 +0,0 @@ -@charset "UTF-8"; -@import url("https://fonts.googleapis.com/css2?family=Cabin&family=Roboto+Condensed:wght@400;700&display=swap"); -/* box shadow*/ -.navbar-custom { - font-weight: 600; - background-color: #973131; /* Màu nền tùy chỉnh */ - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - top: 0; - width: 100%; - z-index: 10; -} -.navbar-custom .nav-link { - color: #e0a75e; - margin: 0 5px; - border-radius: 10px; -} -.navbar-custom .nav-link:hover { - background-color: rgb(112.495, 36.505, 36.505); - color: #f9d689; -} -.navbar-custom .nav-link:focus, .navbar-custom .nav-link:active { - background-color: rgb(112.495, 36.505, 36.505); - color: #f9d689; -} -.navbar-custom .nav-link.active { - color: #e0a75e; -} -.navbar-custom .nav-link.show { - color: #e0a75e; -} -.navbar-custom .dropdown-menu { - background-color: #f5e7b2; -} -.navbar-custom .dropdown-menu .dropdown-item { - background-color: #f5e7b2; -} -.navbar-custom .dropdown-menu .dropdown-item:hover { - background-color: rgb(239.1379310345, 216.9310344828, 132.8620689655); -} - -/*# sourceMappingURL=Navbar.css.map */ diff --git a/client/src/assets/css/Navbar.css.map b/client/src/assets/css/Navbar.css.map deleted file mode 100644 index b357d3c..0000000 --- a/client/src/assets/css/Navbar.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/Variables.scss","../scss/Navbar.scss"],"names":[],"mappings":";AAAQ;AA2BR;ACzBA;EACE;EACA,kBDEiB,SCFoB;EACrC,YD2BS;EC1BT;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE,kBDPmB;ECQnB,ODFc;;ACIhB;EAEE,kBDZmB;ECanB,ODPc;;ACUlB;EACE,ODdiB;;ACgBnB;EACE,ODjBiB;;ACmBnB;EACE,kBDdkB;;ACgBlB;EACE,kBDjBgB;;ACkBhB;EACE,kBDlBoB","file":"Navbar.css"} \ No newline at end of file diff --git a/client/src/assets/css/Sidebar.css b/client/src/assets/css/Sidebar.css deleted file mode 100644 index ff9fd24..0000000 --- a/client/src/assets/css/Sidebar.css +++ /dev/null @@ -1,7 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Cabin&family=Roboto+Condensed:wght@400;700&display=swap"); -/* box shadow*/ -.sidebar { - width: 12.5rem; -} - -/*# sourceMappingURL=Sidebar.css.map */ diff --git a/client/src/assets/css/Sidebar.css.map b/client/src/assets/css/Sidebar.css.map deleted file mode 100644 index 7498c19..0000000 --- a/client/src/assets/css/Sidebar.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/Variables.scss","../scss/Sidebar.scss"],"names":[],"mappings":"AAAQ;AA2BR;ACzBA;EACI","file":"Sidebar.css"} \ No newline at end of file diff --git a/client/src/assets/css/Variables.css b/client/src/assets/css/Variables.css deleted file mode 100644 index 4c9b265..0000000 --- a/client/src/assets/css/Variables.css +++ /dev/null @@ -1,4 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Cabin&family=Roboto+Condensed:wght@400;700&display=swap"); -/* box shadow*/ - -/*# sourceMappingURL=Variables.css.map */ diff --git a/client/src/assets/css/Variables.css.map b/client/src/assets/css/Variables.css.map deleted file mode 100644 index 6bba8e2..0000000 --- a/client/src/assets/css/Variables.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/Variables.scss"],"names":[],"mappings":"AAAQ;AA2BR","file":"Variables.css"} \ No newline at end of file diff --git a/client/src/components/Home/AspirationSegment.jsx b/client/src/components/Home/AspirationSegment.jsx index fc1d817..333853d 100644 --- a/client/src/components/Home/AspirationSegment.jsx +++ b/client/src/components/Home/AspirationSegment.jsx @@ -1,7 +1,7 @@ import Badge from 'react-bootstrap/esm/Badge' import { GiTiedScroll, GiBullseye } from 'react-icons/gi' import { FaRegEye } from 'react-icons/fa' -import '../../assets/css/Card.css' +import '../../assets/scss/Card.scss' import FlipCard from '../FlipCard' const AspirationSegment = () => { diff --git a/client/src/components/MyNavbar.jsx b/client/src/components/MyNavbar.jsx index 78de69e..fdab71e 100644 --- a/client/src/components/MyNavbar.jsx +++ b/client/src/components/MyNavbar.jsx @@ -6,7 +6,7 @@ import { logo } from '../assets/images' import { useSelector, useDispatch } from 'react-redux' import { Link, useNavigate } from 'react-router-dom' import { useQueryClient } from '@tanstack/react-query' -import '../assets/css/Navbar.css' +import '../assets/scss/Navbar.scss' import styled from 'styled-components' import { primaryBgColorHover, diff --git a/client/src/main.jsx b/client/src/main.jsx index 24b8de8..b34241d 100644 --- a/client/src/main.jsx +++ b/client/src/main.jsx @@ -6,7 +6,7 @@ import { Provider } from 'react-redux' import store from './store' import { ToastContainer } from 'react-toastify' import 'react-toastify/dist/ReactToastify.css' -import '../src/assets/css/App.css' +import '../src/assets/scss/App.scss' import { LocalizationProvider } from '@mui/x-date-pickers' import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs' diff --git a/client/src/pages/main/About.jsx b/client/src/pages/main/About.jsx index 2f32d7b..b570789 100644 --- a/client/src/pages/main/About.jsx +++ b/client/src/pages/main/About.jsx @@ -1,4 +1,4 @@ -import '../../assets/css/About.css' +import '../../assets/scss/About.scss' import { aboutImage } from '../../assets/images' import Badge from 'react-bootstrap/Badge' diff --git a/client/src/pages/main/Library.jsx b/client/src/pages/main/Library.jsx index e852a30..14f51b1 100644 --- a/client/src/pages/main/Library.jsx +++ b/client/src/pages/main/Library.jsx @@ -1,6 +1,6 @@ import React from 'react' import { LibraryContainer, MyBreadCrumb } from '../../components' -import '../../assets/css/Library.css' +import '../../assets/scss/Library.scss' import { customFetch } from '../../utils/axios' const url = '/books'