19 lines
744 B
Vue
19 lines
744 B
Vue
<script setup lang="ts">
|
|
const enabled = useKeepHostAwakePreference();
|
|
</script>
|
|
<template>
|
|
<label class="setting-row keep-awake-setting">
|
|
<span>
|
|
<strong>{{ $t("wake.title") }}</strong>
|
|
<span class="keep-awake-hint">{{ $t("wake.hint") }}</span>
|
|
</span>
|
|
<input v-model="enabled" type="checkbox" role="switch" />
|
|
</label>
|
|
</template>
|
|
<style scoped>
|
|
.keep-awake-setting { cursor: pointer; flex-direction: row; align-items: center; }
|
|
.keep-awake-setting strong { font-size: 0.9rem; }
|
|
.keep-awake-hint { display: block; margin-top: 5px; color: var(--muted); font-size: 0.83rem; }
|
|
.keep-awake-setting input { width: 24px; height: 24px; min-height: 24px; padding: 0; flex-shrink: 0; accent-color: var(--accent); }
|
|
</style>
|