natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore(client): tweak ui

This commit is contained in:
syuilo 2022-07-15 17:01:13 +09:00
parent a4b5a0072d
commit 165c4b2c00
7 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/client/src/components/note.vue
View File

@ -592,8 +592,6 @@ function readPromo() {
} }
&.max-width_300px { &.max-width_300px {
font-size: 0.825em;
> .article { > .article {
> .avatar { > .avatar {
width: 44px; width: 44px;

2
packages/client/src/components/ui/menu.vue
View File

@ -140,7 +140,7 @@ function focusDown() {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
white-space: nowrap; white-space: nowrap;
font-size: 0.85em; font-size: 0.9em;
line-height: 20px; line-height: 20px;
text-align: left; text-align: left;
overflow: hidden; overflow: hidden;

2
packages/client/src/components/ui/window.vue
View File

@ -393,7 +393,7 @@ export default defineComponent({
border-radius: var(--radius); border-radius: var(--radius);
> .header { > .header {
--height: 45px; --height: 42px;
&.mini { &.mini {
--height: 38px; --height: 38px;

8
packages/client/src/pages/settings/general.vue
View File

@ -56,10 +56,10 @@
<FormRadios v-model="fontSize" class="_formBlock"> <FormRadios v-model="fontSize" class="_formBlock">
<template #label>{{ i18n.ts.fontSize }}</template> <template #label>{{ i18n.ts.fontSize }}</template>
<option value="small"><span style="font-size: 14px;">Aa</span></option> <option :value="null"><span style="font-size: 14px;">Aa</span></option>
<option :value="null"><span style="font-size: 16px;">Aa</span></option> <option value="1"><span style="font-size: 15px;">Aa</span></option>
<option value="large"><span style="font-size: 18px;">Aa</span></option> <option value="2"><span style="font-size: 16px;">Aa</span></option>
<option value="veryLarge"><span style="font-size: 20px;">Aa</span></option> <option value="3"><span style="font-size: 17px;">Aa</span></option>
</FormRadios> </FormRadios>
</FormSection> </FormSection>

14
packages/client/src/style.scss
View File

@ -30,7 +30,7 @@ html {
overflow: auto; overflow: auto;
overflow-wrap: break-word; overflow-wrap: break-word;
font-family: "BIZ UDGothic", Roboto, HelveticaNeue, Arial, sans-serif; font-family: "BIZ UDGothic", Roboto, HelveticaNeue, Arial, sans-serif;
font-size: 15px; font-size: 14px;
line-height: 1.35; line-height: 1.35;
text-size-adjust: 100%; text-size-adjust: 100%;
tab-size: 2; tab-size: 2;
@ -61,16 +61,16 @@ html {
} }
} }
&.f-small { &.f-1 {
font-size: 0.9em; font-size: 15px;
} }
&.f-large { &.f-2 {
font-size: 1.1em; font-size: 16px;
} }
&.f-veryLarge { &.f-3 {
font-size: 1.2em; font-size: 17px;
} }
&.useSystemFont { &.useSystemFont {

1
packages/client/src/ui/_common_/statusbars.vue
View File

@ -28,6 +28,7 @@ const XUserList = defineAsyncComponent(() => import('./statusbar-user-list.vue')
<style lang="scss" scoped> <style lang="scss" scoped>
.dlrsnxqu { .dlrsnxqu {
font-size: 15px;
background: var(--panel); background: var(--panel);
> .item { > .item {

3
packages/client/src/ui/deck/column.vue
View File

@ -23,7 +23,7 @@
<slot name="action"></slot> <slot name="action"></slot>
</div> </div>
<span class="header"><slot name="header"></slot></span> <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> </header>
<div v-show="active" ref="body"> <div v-show="active" ref="body">
<slot></slot> <slot></slot>
@ -361,7 +361,6 @@ function onDrop(ev) {
z-index: 1; z-index: 1;
width: var(--deckColumnHeaderHeight); width: var(--deckColumnHeaderHeight);
line-height: var(--deckColumnHeaderHeight); line-height: var(--deckColumnHeaderHeight);
font-size: 16px;
color: var(--faceTextButton); color: var(--faceTextButton);
&:hover { &:hover {