chore(client): tweak ui
This commit is contained in:
parent
a4b5a0072d
commit
165c4b2c00
7 changed files with 15 additions and 17 deletions
|
@ -592,8 +592,6 @@ function readPromo() {
|
|||
}
|
||||
|
||||
&.max-width_300px {
|
||||
font-size: 0.825em;
|
||||
|
||||
> .article {
|
||||
> .avatar {
|
||||
width: 44px;
|
||||
|
|
|
@ -140,7 +140,7 @@ function focusDown() {
|
|||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
font-size: 0.85em;
|
||||
font-size: 0.9em;
|
||||
line-height: 20px;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
|
|
|
@ -393,7 +393,7 @@ export default defineComponent({
|
|||
border-radius: var(--radius);
|
||||
|
||||
> .header {
|
||||
--height: 45px;
|
||||
--height: 42px;
|
||||
|
||||
&.mini {
|
||||
--height: 38px;
|
||||
|
|
|
@ -56,10 +56,10 @@
|
|||
|
||||
<FormRadios v-model="fontSize" class="_formBlock">
|
||||
<template #label>{{ i18n.ts.fontSize }}</template>
|
||||
<option value="small"><span style="font-size: 14px;">Aa</span></option>
|
||||
<option :value="null"><span style="font-size: 16px;">Aa</span></option>
|
||||
<option value="large"><span style="font-size: 18px;">Aa</span></option>
|
||||
<option value="veryLarge"><span style="font-size: 20px;">Aa</span></option>
|
||||
<option :value="null"><span style="font-size: 14px;">Aa</span></option>
|
||||
<option value="1"><span style="font-size: 15px;">Aa</span></option>
|
||||
<option value="2"><span style="font-size: 16px;">Aa</span></option>
|
||||
<option value="3"><span style="font-size: 17px;">Aa</span></option>
|
||||
</FormRadios>
|
||||
</FormSection>
|
||||
|
||||
|
|
|
@ -30,7 +30,7 @@ html {
|
|||
overflow: auto;
|
||||
overflow-wrap: break-word;
|
||||
font-family: "BIZ UDGothic", Roboto, HelveticaNeue, Arial, sans-serif;
|
||||
font-size: 15px;
|
||||
font-size: 14px;
|
||||
line-height: 1.35;
|
||||
text-size-adjust: 100%;
|
||||
tab-size: 2;
|
||||
|
@ -61,16 +61,16 @@ html {
|
|||
}
|
||||
}
|
||||
|
||||
&.f-small {
|
||||
font-size: 0.9em;
|
||||
&.f-1 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
&.f-large {
|
||||
font-size: 1.1em;
|
||||
&.f-2 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
&.f-veryLarge {
|
||||
font-size: 1.2em;
|
||||
&.f-3 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
&.useSystemFont {
|
||||
|
|
|
@ -28,6 +28,7 @@ const XUserList = defineAsyncComponent(() => import('./statusbar-user-list.vue')
|
|||
|
||||
<style lang="scss" scoped>
|
||||
.dlrsnxqu {
|
||||
font-size: 15px;
|
||||
background: var(--panel);
|
||||
|
||||
> .item {
|
||||
|
|
|
@ -23,7 +23,7 @@
|
|||
<slot name="action"></slot>
|
||||
</div>
|
||||
<span class="header"><slot name="header"></slot></span>
|
||||
<button v-tooltip="i18n.ts.settings" class="menu _button" @click.stop="showSettingsMenu"><i class="fas fa-cog"></i></button>
|
||||
<button v-tooltip="i18n.ts.settings" class="menu _button" @click.stop="showSettingsMenu"><i class="fas fa-ellipsis"></i></button>
|
||||
</header>
|
||||
<div v-show="active" ref="body">
|
||||
<slot></slot>
|
||||
|
@ -361,7 +361,6 @@ function onDrop(ev) {
|
|||
z-index: 1;
|
||||
width: var(--deckColumnHeaderHeight);
|
||||
line-height: var(--deckColumnHeaderHeight);
|
||||
font-size: 16px;
|
||||
color: var(--faceTextButton);
|
||||
|
||||
&:hover {
|
||||
|
|
Loading…
Reference in a new issue