generated from VLADIMIR/template_frontend
fix
This commit is contained in:
+1
-24
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user