💄 调整UI

This commit is contained in:
目棃
2025-03-19 17:06:43 +08:00
parent 8a2a3f5279
commit c696d3b51d
4 changed files with 26 additions and 13 deletions

View File

@@ -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);

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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 {