feat: подготовил дизайн (изменения из другого репозитория)
🚀 Create and publish a Docker image / Detect changes in backend and frontend (push) Successful in 5s
🚀 Create and publish a Docker image / Build & publish backend image (push) Successful in 8s
🚀 Create and publish a Docker image / Update stack on Portainer (push) Successful in 3s
🚀 Create and publish a Docker image / Detect changes in backend and frontend (push) Successful in 5s
🚀 Create and publish a Docker image / Build & publish backend image (push) Successful in 8s
🚀 Create and publish a Docker image / Update stack on Portainer (push) Successful in 3s
This commit is contained in:
@@ -0,0 +1,32 @@
|
||||
<script setup lang="ts">
|
||||
defineProps<{ amount: number }>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="coin-chip">
|
||||
<span class="coin-icon">💰</span>
|
||||
<span class="coin-amount">{{ amount }}</span>
|
||||
<span class="coin-label">монет</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.coin-chip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
background: linear-gradient(135deg, rgba(251,191,36,0.2), rgba(245,158,11,0.15));
|
||||
border: 1px solid rgba(245,158,11,0.4);
|
||||
border-radius: 20px;
|
||||
padding: 5px 12px;
|
||||
cursor: default;
|
||||
transition: all 0.2s;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.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-amount { font-weight: 800; font-size: 14px; color: #78350F; }
|
||||
.coin-label { font-size: 12px; color: #92400E; }
|
||||
</style>
|
||||
Reference in New Issue
Block a user