feat: night mode

This commit is contained in:
tim
2025-07-09 00:55:42 +08:00
parent 47171a7649
commit fba2c80b9c
11 changed files with 46 additions and 47 deletions

View File

@@ -53,11 +53,7 @@
</router-link>
<div class="article-item-description main-item">{{ sanitizeDescription(article.description) }}</div>
<div class="article-info-container main-item">
<div class="article-info-item">
<img class="article-info-item-img" :src="article.category.smallIcon" alt="category">
<div class="article-info-item-text">{{ article.category.name }}</div>
</div>
<ArticleTags :tags="[article.category]" />
<ArticleTags :tags="article.tags" />
</div>
</div>
@@ -292,13 +288,7 @@ export default {
flex-direction: row;
align-items: center;
gap: 10px;
}
.article-info-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.article-tags-container {

View File

@@ -7,11 +7,7 @@
<div class="article-title-container">
<div class="article-title">{{ title }}</div>
<div class="article-info-container">
<div class="article-info-item">
<img class="article-info-item-img" :src="category.smallIcon" alt="category">
<div class="article-info-item-text">{{ category.name }}</div>
</div>
<ArticleTags :tags="[category]" />
<ArticleTags :tags="tags" />
</div>
</div>
@@ -447,28 +443,6 @@ export default {
align-items: center;
}
.article-info-item {
display: flex;
flex-direction: row;
gap: 5px;
align-items: center;
}
.article-info-item {
display: flex;
flex-direction: row;
gap: 5px;
align-items: center;
font-size: 14px;
padding: 2px 4px;
background-color: #f0f0f0;
}
.article-info-item-img {
width: 16px;
height: 16px;
}
.info-content-container {
display: flex;
flex-direction: row;

View File

@@ -266,6 +266,8 @@ export default {
position: relative;
display: inline-block;
cursor: pointer;
background-color: lightgray;
border-radius: 50%;
}
/* 隐藏默认文件选择按钮 */