diff --git a/src/assets/css/style.scss b/src/assets/css/style.scss index 0b8debc3..257f04d0 100644 --- a/src/assets/css/style.scss +++ b/src/assets/css/style.scss @@ -17,8 +17,8 @@ html[data-theme='dark'] { } $anim-time: 0.3s; -* { - transition: background-color $anim-time, color $anim-time; +div { + transition: background $anim-time, color $anim-time; } html, body { @@ -38,12 +38,12 @@ html, body { height: 100%; } - a { - //color: white; + color: $main; text-decoration: none; } + ::-webkit-scrollbar { width: 8rem; height: 10rem; diff --git a/src/components/IconWrapper.vue b/src/components/IconWrapper.vue new file mode 100644 index 00000000..5982bd40 --- /dev/null +++ b/src/components/IconWrapper.vue @@ -0,0 +1,41 @@ + + + \ No newline at end of file diff --git a/src/components/Toolbar/Toolbar.vue b/src/components/Toolbar/Toolbar.vue index 3af9f0b3..9fe0eb2b 100644 --- a/src/components/Toolbar/Toolbar.vue +++ b/src/components/Toolbar/Toolbar.vue @@ -17,6 +17,11 @@ import useThemeColor from "@/hooks/useThemeColor.ts" import {useBaseStore} from "@/stores/base.ts" import SettingModal from "@/components/Toolbar/SettingModal.vue" import FeedbackModal from "@/components/Toolbar/FeedbackModal.vue" +import IconWrapper from "@/components/IconWrapper.vue"; +import IconCog6Tooth from '~icons/heroicons/cog-6-tooth-solid' + +import IconLanguage from '~icons/tabler/language' +import IconLanguageOff from '~icons/tabler/language-off' const {appearance, toggle} = useThemeColor() const store = useBaseStore() @@ -35,21 +40,38 @@ const showSettingModal = $ref(false) @click="toggle"/> - - - - - - + - + + + - - + + + + + + + + + + + + + + + + + + + + +
ok
+