feat: 前端微调

This commit is contained in:
Leon
2025-12-29 04:36:18 +08:00
parent 9c870b7c0c
commit 8cebfeedc7
4 changed files with 22 additions and 4 deletions

View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>frontend</title> <title>ShortVideo</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

View File

@@ -25,6 +25,17 @@
box-sizing: border-box; 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, html,
body { body {
height: 100%; height: 100%;

View File

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

View File

@@ -609,6 +609,13 @@ onBeforeUnmount(() => {
overflow-y: auto; overflow-y: auto;
scroll-snap-type: y mandatory; scroll-snap-type: y mandatory;
scroll-behavior: smooth; scroll-behavior: smooth;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE/Edge legacy */
}
.scroller::-webkit-scrollbar {
width: 0;
height: 0;
} }
.center-hint { .center-hint {