From 6ff9ebb6f66bdbfc072ce8b6aebe779f55d07d48 Mon Sep 17 00:00:00 2001 From: Sittha Darapisut Date: Fri, 16 Aug 2024 08:49:40 +0700 Subject: [PATCH] v1.1.2 --- CHANGELOG.md | 10 ++ src/public/index.css | 211 ++++++++++++++++++++++++++++++++++ src/public/index.html | 5 +- src/src/index.css | 7 +- src/src/pages/Login.js | 5 +- src/src/pages/ST/Portfolio.js | 2 +- 6 files changed, 232 insertions(+), 8 deletions(-) create mode 100644 src/public/index.css diff --git a/CHANGELOG.md b/CHANGELOG.md index b155ad4..d11d73b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,16 @@ # Change Log +## [v1.1.2] - 2024-08-16 + +### Added + +### Changed + +### Fixed +- css not load when build + + ## [v1.1.1] - 2024-08-16 ### Added diff --git a/src/public/index.css b/src/public/index.css new file mode 100644 index 0000000..4e960cb --- /dev/null +++ b/src/public/index.css @@ -0,0 +1,211 @@ +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', + 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', + sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +code { + font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; +} + +/* ----- start callback loading screen ----- */ +.pos-center { + position: fixed; + top: calc(50% - 40px); + left: calc(50% - 40px); +} + +.loader { + border: 10px solid #f3f3f3; + border-top: 10px solid #3498db; + border-radius: 50%; + width: 80px; + height: 80px; + animation: spin 1s linear infinite; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +/* ----- end callback loading screen ----- */ + + +/* ----- start 404 page ----- */ +.fundo{ + animation: scales 3s alternate infinite; + transform-origin: center; +} + +.pao-baixo{ + animation: rotatepao 14s cubic-bezier(.1,.49,.41,.97) infinite; + transform-origin: center; +} + +.pao-cima{ + animation: rotatepao 7s 1s cubic-bezier(.1,.49,.41,.97) infinite; + transform-origin: center; +} + +.olhos{animation: olhos 2s alternate infinite; + transform-origin: center; +} + +.left-sparks{animation: left-sparks 4s alternate infinite; + transform-origin: 150px 156px; +} + +.right-sparks{animation: left-sparks 4s alternate infinite; + transform-origin: 310px 150px; +} + +.olhos{animation: olhos 2s alternate infinite; + transform-origin: center; +} + +@keyframes scales{ + from { transform: scale(0.98)} + to{ transform: scale(1)} +} + +@keyframes rotatepao{ + 0% { transform: rotate(0deg)} + 50% , 60%{ transform: rotate(-20deg)} + 100%{ transform: rotate(0deg) } +} + +@keyframes olhos{ + 0%{ + transform: rotateX(0deg); + } + 100%{ + transform: rotateX(30deg); + } +} + +@keyframes left-sparks{ + 0%{ + opacity: 0; + } +} + + +.main{ + margin: 20vh auto 0px auto; + width: auto; + max-width: 460px; + display: flex; + align-items: center; + justify-content: center; +} + +.path { + stroke-dasharray: 300; + stroke-dashoffset: 300; + animation: dash 4s alternate infinite; +} + +@keyframes dash{ + 0%, 30%{ + fill: 4B4B62; + stroke-dashoffset: 0; + } + 80%,100%{ + fill: transparent; + stroke-dashoffset: -200; + } +} +/* ----- end 404 page ----- */ + +/* ----- unselectable ----- */ +.unselectable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +/* ----- Start fixed_header table ----- */ +.fixed_header { + max-height: 40vh; + overflow: scroll; + overflow-x: hidden; +} +.fixed_header thead th { + position: sticky; + top: 0; + z-index: 1; +} +/* ----- end fixed_header table ----- */ + + +/* ----- Start scrollbar style ----- */ +::-webkit-scrollbar { + width: 10px; +} + +/* Track */ +::-webkit-scrollbar-track { + background: #f1f1f1; + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #696969; + border-radius: 5px; +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #393939; +} +/* ----- end scrollbar style ----- */ + +/* ----- notification dot ----- */ +.div-with-dot { + position: relative; +} + +/* Blue dot */ +.div-with-dot::after { + content: ''; + position: absolute; + top: -8px; + right: -8px; + width: 16px; + height: 16px; + background-color: rgb(46, 189, 255); + border-radius: 50%; + animation: pulse 1.5s infinite; +} + +@keyframes pulse { + 0% { + transform: scale(1); + opacity: 1; + } + 50% { + transform: scale(1.5); + opacity: 0.5; + } + 100% { + transform: scale(1); + opacity: 1; + } +} +/* ----- end notification dot ----- */ + +.text-rotated { + transform: rotate(-90deg); + white-space: nowrap; +} \ No newline at end of file diff --git a/src/public/index.html b/src/public/index.html index f910aa2..73352ff 100644 --- a/src/public/index.html +++ b/src/public/index.html @@ -7,7 +7,7 @@ @@ -16,6 +16,7 @@ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ --> + - React App + CuGrader diff --git a/src/src/index.css b/src/src/index.css index 62d7bfa..4e960cb 100644 --- a/src/src/index.css +++ b/src/src/index.css @@ -203,4 +203,9 @@ code { opacity: 1; } } -/* ----- end notification dot ----- */ \ No newline at end of file +/* ----- end notification dot ----- */ + +.text-rotated { + transform: rotate(-90deg); + white-space: nowrap; +} \ No newline at end of file diff --git a/src/src/pages/Login.js b/src/src/pages/Login.js index d8e095c..cbb03ca 100644 --- a/src/src/pages/Login.js +++ b/src/src/pages/Login.js @@ -1,9 +1,6 @@ import React,{useEffect} from 'react'; -import withReactContent from 'sweetalert2-react-content'; -import Swal from 'sweetalert2' import 'bootstrap/dist/css/bootstrap.min.css'; -import 'bootstrap/dist/js/bootstrap.bundle.min.js'; -import Cookies from 'js-cookie'; +import 'bootstrap/dist/js/bootstrap.bundle.min.js'; import { useNavigate } from 'react-router-dom'; diff --git a/src/src/pages/ST/Portfolio.js b/src/src/pages/ST/Portfolio.js index f5b156d..9953ed0 100644 --- a/src/src/pages/ST/Portfolio.js +++ b/src/src/pages/ST/Portfolio.js @@ -169,7 +169,7 @@ function Index() {
-
+
Number of students