feat: 前端微调

2025-12-29 04:36:18 +08:00
parent 9c870b7c0c
commit 8cebfeedc7
4 changed files with 22 additions and 4 deletions
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,7 +4,7 @@
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>frontend</title>
+    <title>ShortVideo</title>
  </head>
  <body>
    <div id="app"></div>
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -25,6 +25,17 @@
  box-sizing: border-box;
 }

+/* Hide scrollbars globally (still scrollable). */
+* {
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE/Edge legacy */
+}
+
+*::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+
 html,
 body {
  height: 100%;
--- a/frontend/src/views/AccountView.vue
+++ b/frontend/src/views/AccountView.vue
@@ -339,10 +339,10 @@ watch(

 <style scoped>
 .login-wrap {
-  min-height: calc(100vh - 56px);
  display: grid;
-  place-items: center;
-  padding: 18px 0 40px;
+  justify-items: center;
+  align-content: start;
+  padding: clamp(56px, 14vh, 160px) 16px 40px;
 }

 .login-card {
--- a/frontend/src/views/HomeView.vue
+++ b/frontend/src/views/HomeView.vue
@@ -609,6 +609,13 @@ onBeforeUnmount(() => {
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE/Edge legacy */
+}
+
+.scroller::-webkit-scrollbar {
+  width: 0;
+  height: 0;
 }

 .center-hint {