toor
993b6b968c
The token swap made every control dark, but the pages themselves kept their Arco defaults — bare `padding: 20px` with components laid straight on the background. That is why the running app still read as "not the prototype" no matter how many variables were replaced: the prototype's page structure (panel / panel-h / panel-b / kv / tabs) was never built. Rather than restate that shell in each of the 25 views, it now lives in global.scss as .cy-view / .cy-panel / .cy-panel-h / .cy-panel-b / .cy-kv / .cy-tabs / .cy-tab / .cy-stack / .cy-sec-t, and the settings components share a global .settings-section + .section-title so all nine panes pick up the mono section headers at once. The per-component duplicates of those two rules were deleted. Settings is converted as the reference case: Arco's a-tabs/a-tab-pane became the underline tab strip, and the pane body sits in a panel. The URL-query sync moved to a watcher on activeTab so pane order and deep links still hold. Pane order is a contract, so it is asserted. Two tests lock the shell in place — one for the global classes and the cyan underline selected state, one for the settings structure and pane order. Without them the next edit easily slides back to bare Arco.
33 lines
932 B
Vue
33 lines
932 B
Vue
<script setup lang="ts">
|
|
import { useMessage } from '@/composables/useMessage'
|
|
import { useI18n } from 'vue-i18n'
|
|
import { useSettingsStore } from '@/stores/hermes/settings'
|
|
import SettingRow from './SettingRow.vue'
|
|
|
|
const settingsStore = useSettingsStore()
|
|
const message = useMessage()
|
|
const { t } = useI18n()
|
|
|
|
async function save(values: Record<string, any>) {
|
|
try {
|
|
await settingsStore.saveSection('privacy', values)
|
|
message.success(t('settings.saved'))
|
|
} catch (err: any) {
|
|
message.error(t('settings.saveFailed'))
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<section class="settings-section">
|
|
<SettingRow :label="t('settings.privacy.redactPii')" :hint="t('settings.privacy.redactPiiHint')">
|
|
<a-switch :model-value="settingsStore.privacy.redact_pii" @update:model-value="v => save({ redact_pii: v })" />
|
|
</SettingRow>
|
|
</section>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
@use '@/styles/variables' as *;
|
|
|
|
</style>
|