feat: добавил svg иконки
🚀 Create and publish a Docker image / Detect changes in backend and frontend (push) Successful in 8s
🚀 Create and publish a Docker image / Build & publish backend image (push) Successful in 12s
🚀 Create and publish a Docker image / Build & publish frontend image (push) Successful in 25s
🚀 Create and publish a Docker image / Update stack on Portainer (push) Successful in 6s
🚀 Create and publish a Docker image / Detect changes in backend and frontend (push) Successful in 8s
🚀 Create and publish a Docker image / Build & publish backend image (push) Successful in 12s
🚀 Create and publish a Docker image / Build & publish frontend image (push) Successful in 25s
🚀 Create and publish a Docker image / Update stack on Portainer (push) Successful in 6s
This commit is contained in:
@@ -1,10 +1,12 @@
|
||||
<script setup lang="ts">
|
||||
import AppIcon from '@/components/ui/AppIcon.vue'
|
||||
|
||||
defineProps<{ amount: number }>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="coin-chip">
|
||||
<span class="coin-icon">💰</span>
|
||||
<AppIcon class="coin-icon" icon="coin" :size="16" />
|
||||
<span class="coin-amount">{{ amount }}</span>
|
||||
<span class="coin-label">монет</span>
|
||||
</div>
|
||||
@@ -26,7 +28,7 @@ defineProps<{ amount: number }>()
|
||||
.coin-chip:hover {
|
||||
background: linear-gradient(135deg, rgba(251,191,36,0.3), rgba(245,158,11,0.25));
|
||||
}
|
||||
.coin-icon { font-size: 16px; }
|
||||
.coin-icon { color: #78350F; }
|
||||
.coin-amount { font-weight: 800; font-size: 14px; color: #78350F; }
|
||||
.coin-label { font-size: 12px; color: #92400E; }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user