diff --git a/front/src/App.css b/front/src/App.css index b9d355d..eee93f7 100644 --- a/front/src/App.css +++ b/front/src/App.css @@ -1,42 +1,18 @@ -#root { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; +/* 滚动条样式(全局,参考 v1) */ +::-webkit-scrollbar { + width: 10px; + height: 10px; } -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafbaa); +::-webkit-scrollbar-track { + background: transparent; } -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } +::-webkit-scrollbar-thumb { + background: #888; + border-radius: 5px; } -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; +::-webkit-scrollbar-thumb:hover { + background: #555; }