style(views): 调整表单和工具栏样式
增加文本区域行数,调整字体大小和间距 统一工具栏按钮和选择框样式,添加间隙
This commit is contained in:
@@ -17,7 +17,7 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="toolbar-right">
|
<div class="toolbar-right">
|
||||||
<button class="toolbar-button" @click="loadComments">刷新</button>
|
<button class="toolbar-button" @click="goPage(1)">刷新</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="loading" class="page-hint">加载中...</div>
|
<div v-if="loading" class="page-hint">加载中...</div>
|
||||||
@@ -421,6 +421,7 @@ onMounted(() => {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbar-left {
|
.toolbar-left {
|
||||||
@@ -434,7 +435,8 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.toolbar-select {
|
.toolbar-select {
|
||||||
padding: 4px 8px;
|
padding: 8px 8px;
|
||||||
|
box-sizing: border-box;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
border: 1px solid #d0d7de;
|
border: 1px solid #d0d7de;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
@@ -447,7 +449,8 @@ onMounted(() => {
|
|||||||
border: 1px solid #d0d7de;
|
border: 1px solid #d0d7de;
|
||||||
background-color: #f6f8fa;
|
background-color: #f6f8fa;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 13px;
|
font-size: 14px;
|
||||||
|
min-width: 70px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-hint {
|
.page-hint {
|
||||||
|
|||||||
@@ -184,7 +184,7 @@
|
|||||||
<textarea
|
<textarea
|
||||||
v-model="templateAdmin"
|
v-model="templateAdmin"
|
||||||
class="form-input"
|
class="form-input"
|
||||||
rows="6"
|
rows="10"
|
||||||
placeholder="留空则使用默认模板"
|
placeholder="留空则使用默认模板"
|
||||||
></textarea>
|
></textarea>
|
||||||
</div>
|
</div>
|
||||||
@@ -199,7 +199,7 @@
|
|||||||
<textarea
|
<textarea
|
||||||
v-model="templateReply"
|
v-model="templateReply"
|
||||||
class="form-input"
|
class="form-input"
|
||||||
rows="6"
|
rows="10"
|
||||||
placeholder="留空则使用默认模板"
|
placeholder="留空则使用默认模板"
|
||||||
></textarea>
|
></textarea>
|
||||||
</div>
|
</div>
|
||||||
@@ -575,12 +575,12 @@ onMounted(() => {
|
|||||||
|
|
||||||
.card-title {
|
.card-title {
|
||||||
margin: 0 0 12px;
|
margin: 0 0 12px;
|
||||||
font-size: 15px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-subtitle {
|
.card-subtitle {
|
||||||
margin: 0 0 12px;
|
margin: 0 0 12px;
|
||||||
font-size: 14px;
|
font-size: 15px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #24292f;
|
color: #24292f;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user