diff --git a/packages/client/src/components/note.vue b/packages/client/src/components/note.vue
index c96cdddef2..27716cf73d 100644
--- a/packages/client/src/components/note.vue
+++ b/packages/client/src/components/note.vue
@@ -592,8 +592,6 @@ function readPromo() {
}
&.max-width_300px {
- font-size: 0.825em;
-
> .article {
> .avatar {
width: 44px;
diff --git a/packages/client/src/components/ui/menu.vue b/packages/client/src/components/ui/menu.vue
index 1f3d508975..6ad63c2ad7 100644
--- a/packages/client/src/components/ui/menu.vue
+++ b/packages/client/src/components/ui/menu.vue
@@ -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;
diff --git a/packages/client/src/components/ui/window.vue b/packages/client/src/components/ui/window.vue
index 6892b1924e..d155033824 100644
--- a/packages/client/src/components/ui/window.vue
+++ b/packages/client/src/components/ui/window.vue
@@ -393,7 +393,7 @@ export default defineComponent({
border-radius: var(--radius);
> .header {
- --height: 45px;
+ --height: 42px;
&.mini {
--height: 38px;
diff --git a/packages/client/src/pages/settings/general.vue b/packages/client/src/pages/settings/general.vue
index 74fa0bc926..cd2bcc581a 100644
--- a/packages/client/src/pages/settings/general.vue
+++ b/packages/client/src/pages/settings/general.vue
@@ -56,10 +56,10 @@
{{ i18n.ts.fontSize }}
-
-
-
-
+
+
+
+
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index 0f892d2e19..27e33702ad 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -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 {
diff --git a/packages/client/src/ui/_common_/statusbars.vue b/packages/client/src/ui/_common_/statusbars.vue
index e50b4e54c3..5358b26ece 100644
--- a/packages/client/src/ui/_common_/statusbars.vue
+++ b/packages/client/src/ui/_common_/statusbars.vue
@@ -28,6 +28,7 @@ const XUserList = defineAsyncComponent(() => import('./statusbar-user-list.vue')