diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2024-09-24 15:54:47 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2024-09-24 15:54:47 +0900 |
| commit | 9612195fc35ec9de6ec5086939b7a2231469beca (patch) | |
| tree | f2681ee5736893df392eb4cf167e58a4f1e7335f /idea | |
| parent | refactor (diff) | |
| download | sharkey-9612195fc35ec9de6ec5086939b7a2231469beca.tar.gz sharkey-9612195fc35ec9de6ec5086939b7a2231469beca.tar.bz2 sharkey-9612195fc35ec9de6ec5086939b7a2231469beca.zip | |
enhance(frontend): tweak control panel
Diffstat (limited to 'idea')
| -rw-r--r-- | idea/MkDisableSection.vue | 41 | ||||
| -rw-r--r-- | idea/README.md | 1 |
2 files changed, 42 insertions, 0 deletions
diff --git a/idea/MkDisableSection.vue b/idea/MkDisableSection.vue new file mode 100644 index 0000000000..d177886569 --- /dev/null +++ b/idea/MkDisableSection.vue @@ -0,0 +1,41 @@ +<!-- +SPDX-FileCopyrightText: syuilo and misskey-project +SPDX-License-Identifier: AGPL-3.0-only +--> + +<template> +<div :class="[$style.root]"> + <div :inert="disabled" :class="[{ [$style.disabled]: disabled }]"> + <slot></slot> + </div> + <div v-if="disabled" :class="[$style.cover]"></div> +</div> +</template> + +<script lang="ts" setup> +defineProps<{ + disabled?: boolean; +}>(); +</script> + +<style lang="scss" module> +.root { + position: relative; +} + +.disabled { + opacity: 0.7; +} + +.cover { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + cursor: not-allowed; + --color: color(from var(--error) srgb r g b / 0.25); + background-size: auto auto; + background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, var(--color) 4px, var(--color) 14px); +} +</style> diff --git a/idea/README.md b/idea/README.md new file mode 100644 index 0000000000..f64d16800a --- /dev/null +++ b/idea/README.md @@ -0,0 +1 @@ +使われなくなったけど消すのは勿体ない(将来使えるかもしれない)コードを入れておくとこ |