anto/XIP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update styles and enhance pet purchase flow in marketplace components

Browse Source
This commit is contained in:
arussac
2026-05-31 15:15:48 +02:00
parent 02bba16285
commit 21e35107c7
11 changed files with 99 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/components/StatsTicker.vue
View File

@@ -95,8 +95,8 @@ const items = computed<Chip[]>(() => {
display: flex;
align-items: stretch;
background: #0a0a12;
border-bottom: 1px solid #00eeff33;
box-shadow: inset 0 -1px 0 #00eeff14, 0 2px 14px #00000066;
border-bottom: 1px solid #1a1a2a;
box-shadow: 0 2px 8px #00000066;
overflow: hidden;
}
@@ -110,15 +110,14 @@ const items = computed<Chip[]>(() => {
gap: 7px;
padding: 0 14px;
background: #0e0e18;
border-right: 1px solid #00eeff33;
box-shadow: 6px 0 12px #0a0a12;
border-right: 1px solid #1a1a2a;
box-shadow: 4px 0 8px #0a0a12;
}
.ticker-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #00ff88;
box-shadow: 0 0 8px #00ff66;
background: #44996655;
animation: blink 1.5s ease-in-out infinite;
}
.ticker-badge-txt {
@@ -126,17 +125,14 @@ const items = computed<Chip[]>(() => {
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
color: #00ff88;
text-shadow: 0 0 8px #00ff4466;
color: #448866;
}
.ticker.is-off .ticker-dot {
background: #ff3344;
box-shadow: 0 0 8px #ff2233;
background: #884444;
animation: none;
}
.ticker.is-off .ticker-badge-txt {
color: #ff5566;
text-shadow: none;
color: #885555;
}
@keyframes blink {
0%, 100% { opacity: 1; }
@@ -206,10 +202,10 @@ const items = computed<Chip[]>(() => {
color: #50506e;
}
.chip--cyan .chip-val { color: #00eeff; text-shadow: 0 0 9px #00ccff55; }
.chip--green .chip-val { color: #33ff77; text-shadow: 0 0 9px #00ff4455; }
.chip--magenta .chip-val { color: #ff44cc; text-shadow: 0 0 9px #ff22aa55; }
.chip--orange .chip-val { color: #ffaa44; text-shadow: 0 0 9px #ff880055; }
.chip--cyan .chip-val { color: #5599aa; }
.chip--green .chip-val { color: #447755; }
.chip--magenta .chip-val { color: #885588; }
.chip--orange .chip-val { color: #997744; }
/* Accessibilité : pas de défilement si l'utilisateur le refuse */
@media (prefers-reduced-motion: reduce) {