chigulong
/
EternalAI
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

Adjust card/form margins and add CSS cache busting

This commit is contained in:
Eternal AI Builder 2026-06-20 16:43:04 +08:00 committed by chiguyong
parent 7db0dab973
commit 75d2271cbe
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -7,7 +7,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="styles.css" /> <link rel="stylesheet" href="styles.css?v=4" />
</head> </head>
<body> <body>
<main class="app"> <main class="app">

8
styles.css
View File

@ -58,7 +58,7 @@ body {
min-height: 100vh; min-height: 100vh;
max-width: 520px; max-width: 520px;
margin: 0 auto; margin: 0 auto;
padding: 48px 22px 32px; padding: 48px 38px 32px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -82,7 +82,7 @@ body {
/* Landing */ /* Landing */
.view--landing { .view--landing {
justify-content: flex-start; justify-content: flex-start;
padding-top: 46vh; padding-top: 40vh;
gap: 0; gap: 0;
} }
@ -303,7 +303,7 @@ body {
/* Creator view */ /* Creator view */
.view--creator { .view--creator {
padding-top: 44vh; padding-top: 40vh;
} }
.creator-header { .creator-header {
@ -604,7 +604,7 @@ textarea.field__input--tall {
/* Responsive */ /* Responsive */
@media (max-width: 420px) { @media (max-width: 420px) {
.app { .app {
padding: 36px 18px 24px; padding: 36px 26px 24px;
} }
.card--characters { .card--characters {