This commit is contained in:
2026-07-23 00:39:48 +07:00
parent 0dffd01241
commit 4086f7a676
4 changed files with 9 additions and 61 deletions
+1 -24
View File
@@ -1,17 +1,7 @@
<script setup lang="ts">
import { Key24Regular } from '@vicons/fluent'
import { Icon } from '@vicons/utils'
import { computed, ref } from 'vue'
import HeaderMenu from '@/components/HeaderMenu.vue'
const isFoundKey = ref(false)
const keyColorClass = computed(() => {
return {
'gold-color': isFoundKey.value,
}
})
</script>
<template>
@@ -21,14 +11,11 @@ const keyColorClass = computed(() => {
<h3 class="font-text">Дело 0</h3>
<p class="content-text">
Поиграем?
<Icon class="key-icon" :class="keyColorClass" @click="isFoundKey = !isFoundKey">
<Key24Regular />
</Icon>
</p>
</div>
</div>
<HeaderMenu :add-login="true" :is-found-key="isFoundKey" />
<HeaderMenu :add-login="true" />
</template>
<style lang="css">
@@ -43,16 +30,6 @@ const keyColorClass = computed(() => {
float: right;
}
.key-icon {
position: relative;
top: 3px;
cursor: pointer;
}
.gold-color {
color: gold;
}
@media (width >=1024px) {
.font-text {
position: relative;