usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

wip

This commit is contained in:
syuilo 2025-05-02 20:47:50 +09:00
parent 85679b33b6
commit 668fd7b4cd
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/frontend/src/components/MkRange.vue
View File

@ -9,6 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<slot name="label"></slot> <slot name="label"></slot>
</div> </div>
<div v-adaptive-border class="body"> <div v-adaptive-border class="body">
<slot name="prefix"></slot>
<div ref="containerEl" class="container"> <div ref="containerEl" class="container">
<div class="track"> <div class="track">
<div class="highlight" :style="{ width: (steppedRawValue * 100) + '%' }"></div> <div class="highlight" :style="{ width: (steppedRawValue * 100) + '%' }"></div>
@ -25,6 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only
@touchstart="onMousedown" @touchstart="onMousedown"
></div> ></div>
</div> </div>
<slot name="suffix"></slot>
</div> </div>
<div class="caption"> <div class="caption">
<slot name="caption"></slot> <slot name="caption"></slot>
@ -224,12 +226,17 @@ function onMousedown(ev: MouseEvent | TouchEvent) {
$thumbWidth: 20px; $thumbWidth: 20px;
> .body { > .body {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 7px 12px; padding: 7px 12px;
background: var(--MI_THEME-panel); background: var(--MI_THEME-panel);
border: solid 1px var(--MI_THEME-panel); border: solid 1px var(--MI_THEME-panel);
border-radius: 6px; border-radius: 6px;
> .container { > .container {
flex: 1;
position: relative; position: relative;
height: $thumbHeight; height: $thumbHeight;

6
packages/frontend/src/pages/settings/preferences.vue
View File

@ -43,7 +43,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<SearchMarker :keywords="['realtimemode']"> <SearchMarker :keywords="['realtimemode']">
<MkSwitch v-model="realtimeMode"> <MkSwitch v-model="realtimeMode">
<template #label><SearchLabel>{{ i18n.ts.realtimeMode }}</SearchLabel></template> <template #label><i class="ti ti-bolt"></i> <SearchLabel>{{ i18n.ts.realtimeMode }}</SearchLabel></template>
<template #caption><SearchKeyword>{{ i18n.ts._settings.realtimeMode_description }}</SearchKeyword></template> <template #caption><SearchKeyword>{{ i18n.ts._settings.realtimeMode_description }}</SearchKeyword></template>
</MkSwitch> </MkSwitch>
</SearchMarker> </SearchMarker>
@ -51,9 +51,11 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkDisableSection :disabled="realtimeMode"> <MkDisableSection :disabled="realtimeMode">
<SearchMarker :keywords="['polling', 'interval']"> <SearchMarker :keywords="['polling', 'interval']">
<MkPreferenceContainer k="pollingInterval"> <MkPreferenceContainer k="pollingInterval">
<MkRange v-model="pollingInterval" :min="1" :max="3" :step="1" easing :textConverter="(v) => v === 1 ? i18n.ts.low : v === 2 ? i18n.ts.middle : v === 3 ? i18n.ts.high : ''"> <MkRange v-model="pollingInterval" :min="1" :max="3" :step="1" easing :showTicks="true" :textConverter="(v) => v === 1 ? i18n.ts.low : v === 2 ? i18n.ts.middle : v === 3 ? i18n.ts.high : ''">
<template #label><SearchLabel>{{ i18n.ts._settings.contentsUpdateFrequency }}</SearchLabel></template> <template #label><SearchLabel>{{ i18n.ts._settings.contentsUpdateFrequency }}</SearchLabel></template>
<template #caption><SearchKeyword>{{ i18n.ts._settings.contentsUpdateFrequency_description }}</SearchKeyword><br><SearchKeyword>{{ i18n.ts._settings.contentsUpdateFrequency_description2 }}</SearchKeyword></template> <template #caption><SearchKeyword>{{ i18n.ts._settings.contentsUpdateFrequency_description }}</SearchKeyword><br><SearchKeyword>{{ i18n.ts._settings.contentsUpdateFrequency_description2 }}</SearchKeyword></template>
<template #prefix><i class="ti ti-player-play"></i></template>
<template #suffix><i class="ti ti-player-track-next"></i></template>
</MkRange> </MkRange>
</MkPreferenceContainer> </MkPreferenceContainer>
</SearchMarker> </SearchMarker>