mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2026-03-26 05:39:45 +08:00
💄 调整UI
This commit is contained in:
@@ -276,12 +276,16 @@ async function switchNews(): Promise<void> {
|
||||
|
||||
.anno-switch-btn {
|
||||
height: 40px;
|
||||
margin-right: 15px;
|
||||
margin-right: 16px;
|
||||
background: var(--tgc-btn-1);
|
||||
color: var(--btn-text);
|
||||
font-family: var(--font-title);
|
||||
}
|
||||
|
||||
.dark .anno-switch-btn {
|
||||
border: 1px solid var(--common-shadow-2);
|
||||
}
|
||||
|
||||
.anno-grid {
|
||||
display: grid;
|
||||
font-family: var(--font-title);
|
||||
|
||||
@@ -107,7 +107,7 @@
|
||||
</v-btn>
|
||||
</div>
|
||||
<template #extension>
|
||||
<TGameNav :model-value="curGid" />
|
||||
<TGameNav :model-value="curGid" style="margin-left: 8px" />
|
||||
</template>
|
||||
</v-app-bar>
|
||||
<div class="posts-grid">
|
||||
@@ -353,7 +353,8 @@ function handleUserClick(user: TGApp.BBS.Post.User): void {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
margin-left: 12px;
|
||||
gap: 8px;
|
||||
|
||||
img {
|
||||
width: 32px;
|
||||
@@ -371,8 +372,8 @@ function handleUserClick(user: TGApp.BBS.Post.User): void {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
margin: 0 10px;
|
||||
gap: 10px;
|
||||
margin-right: 16px;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.post-switch-item {
|
||||
|
||||
@@ -191,10 +191,17 @@ async function searchPost(): Promise<void> {
|
||||
.post-news-btn {
|
||||
height: 40px;
|
||||
border-radius: 3px;
|
||||
margin-left: 15px;
|
||||
background: var(--tgc-btn-1);
|
||||
color: var(--btn-text);
|
||||
font-family: var(--font-title);
|
||||
|
||||
&:last-child {
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.post-news-btn + .post-news-btn {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.dark .post-news-btn {
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<template #extension>
|
||||
<TGameNav :model-value="curGid" v-if="curGid !== 0" />
|
||||
<TGameNav :model-value="curGid" v-if="curGid !== 0" style="margin-left: 8px" />
|
||||
</template>
|
||||
<div class="post-topic-switch">
|
||||
<v-select
|
||||
@@ -276,10 +276,11 @@ function handleUserClick(user: TGApp.BBS.Post.User): void {
|
||||
overflow: hidden;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-right: 5px;
|
||||
border-radius: 5px;
|
||||
padding-right: 4px;
|
||||
border-radius: 4px;
|
||||
margin-left: 12px;
|
||||
background: var(--box-bg-2);
|
||||
gap: 5px;
|
||||
gap: 4px;
|
||||
|
||||
img {
|
||||
width: 64px;
|
||||
@@ -290,7 +291,7 @@ function handleUserClick(user: TGApp.BBS.Post.User): void {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 5px;
|
||||
gap: 4px;
|
||||
|
||||
:first-child {
|
||||
color: var(--common-text-title);
|
||||
@@ -312,8 +313,8 @@ function handleUserClick(user: TGApp.BBS.Post.User): void {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
margin: 0 10px;
|
||||
gap: 10px;
|
||||
margin-right: 16px;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.post-switch-item {
|
||||
|
||||
Reference in New Issue
Block a user