Anon/yandere_fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better defaults, fonts scale with panel scale

Browse source
This commit is contained in:
Henry Jameson 2024-06-19 22:16:31 +03:00
parent fc04e24f56
commit a16e158216
3 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/settings_modal/tabs/appearance_tab.vue
View file

@ -62,7 +62,7 @@
path="navbarSize" path="navbarSize"
step="0.1" step="0.1"
:units="['px', 'rem']" :units="['px', 'rem']"
:reset-default="{ 'px': 64, 'rem': 3.5 }" :reset-default="{ 'px': 55, 'rem': 3.5 }"
> >
{{ $t('settings.navbar_size') }} {{ $t('settings.navbar_size') }}
</UnitSetting> </UnitSetting>
@ -73,7 +73,7 @@
path="panelHeaderSize" path="panelHeaderSize"
step="0.1" step="0.1"
:units="['px', 'rem']" :units="['px', 'rem']"
:reset-default="{ 'px': 64, 'rem': 3.2 }" :reset-default="{ 'px': 52, 'rem': 3.2 }"
timed-apply-mode timed-apply-mode
> >
{{ $t('settings.panel_header_size') }} {{ $t('settings.panel_header_size') }}

8
src/modules/instance.js
View file

@ -98,11 +98,11 @@ const defaultState = {
sidebarRight: false, sidebarRight: false,
subjectLineBehavior: 'email', subjectLineBehavior: 'email',
theme: 'pleroma-dark', theme: 'pleroma-dark',
emojiReactionsScale: 1.0, emojiReactionsScale: 0.5,
textSize: '14px', textSize: '14px',
emojiSize: '2.2em', emojiSize: '2.2rem',
navbarSize: '3.5em', navbarSize: '3.5rem',
panelHeaderSize: '3.2em', panelHeaderSize: '3.2rem',
virtualScrolling: true, virtualScrolling: true,
sensitiveByDefault: false, sensitiveByDefault: false,
conversationDisplay: 'linear', conversationDisplay: 'linear',

3
src/panel.scss
View file

@ -60,11 +60,12 @@
.panel-heading, .panel-heading,
.panel-footer { .panel-footer {
--panel-heading-height-padding: calc(var(--panelHeaderSize) * 0.15); --panel-heading-height-padding: calc(var(--panelHeaderSize) * 0.2);
--__panel-heading-gap: calc(var(--panelHeaderSize) * 0.1); --__panel-heading-gap: calc(var(--panelHeaderSize) * 0.1);
--__panel-heading-height: var(--panelHeaderSize, 3.2em); --__panel-heading-height: var(--panelHeaderSize, 3.2em);
--__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding, 0)); --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding, 0));
font-size: calc(var(--panelHeaderSize) / 3.2);
backdrop-filter: var(--__panel-backdrop-filter); backdrop-filter: var(--__panel-backdrop-filter);
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;