adrianbonpin/deckyvault
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

style: update login location

Browse Source
This commit is contained in:
adrianbonpin
2026-04-26 15:35:27 +08:00
parent 88cd5ef0e7
commit 12ef1dd537
12 changed files with 962 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.superpowers/brainstorm/44094-1777186296/content/search-badge.html
+60
View File
@@ -0,0 +1,60 @@
<h2>Search Card — Raw Performer Badge</h2>
<p class="subtitle">How the badge appears on search result cards. Same green pill style as the game page hero.</p>
<div class="mockup">
<div class="mockup-header">Search Result Card with Raw Performer</div>
<div class="mockup-body" style="padding: 0;">
<!-- Card with badge -->
<div style="display: flex; gap: 14px; padding: 14px; background: #ebe4f105; border: 1px solid #ebe4f110; border-radius: 12px; margin: 12px;">
<!-- Cover -->
<div style="width: 80px; height: 120px; border-radius: 8px; background: #2a1f35; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid #3d2d52;">
<span style="color: #6b5a7d; font-size: 10px;">2:3</span>
</div>
<!-- Content -->
<div style="flex: 1; display: flex; flex-direction: column; gap: 6px;">
<!-- Title row with badge -->
<div style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
<span style="font-size: 14px; font-weight: 600; color: #ebe4f1;">Baldur's Gate 3</span>
<span style="background: linear-gradient(135deg, #22c55e30, #22c55e10); border: 1px solid #22c55e50; padding: 1px 8px; border-radius: 10px; font-size: 9px; color: #4ade80; font-weight: 600; letter-spacing: 0.5px;">⚡ RAW PERFORMER</span>
</div>
<span style="font-size: 11px; color: #8b7a9e;">Larian Studios · Publisher</span>
<p style="font-size: 11px; color: #6b5a7d; line-height: 1.4; margin: 0;">Gather your party and return to the Forgotten Realms in a tale of fellowship and betrayal...</p>
<!-- Tags -->
<div style="display: flex; gap: 6px; flex-wrap: wrap; margin-top: 2px;">
<span style="font-size: 10px; padding: 2px 6px; border-radius: 4px; background: #ebe4f108; border: 1px solid #ebe4f115; color: #6b5a7d;">RPG</span>
<span style="font-size: 10px; padding: 2px 6px; border-radius: 4px; background: #ebe4f108; border: 1px solid #ebe4f115; color: #6b5a7d;">Strategy</span>
</div>
<!-- Stats -->
<div style="display: flex; gap: 12px; margin-top: 4px;">
<span style="font-size: 11px; color: #eb3779;">🎮 28 Benchmarks</span>
<span style="font-size: 11px; color: #9b6fc7;">⚙️ 5 Presets</span>
<span style="font-size: 11px; color: #fb793c;">💬 12 Comments</span>
</div>
</div>
</div>
<!-- Card without badge (for comparison) -->
<div style="display: flex; gap: 14px; padding: 14px; background: #ebe4f105; border: 1px solid #ebe4f110; border-radius: 12px; margin: 0 12px 12px;">
<div style="width: 80px; height: 120px; border-radius: 8px; background: #2a1f35; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid #3d2d52;">
<span style="color: #6b5a7d; font-size: 10px;">2:3</span>
</div>
<div style="flex: 1; display: flex; flex-direction: column; gap: 6px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-size: 14px; font-weight: 600; color: #ebe4f1;">Cyberpunk 2077</span>
<!-- No badge -->
</div>
<span style="font-size: 11px; color: #8b7a9e;">CD Projekt Red · Publisher</span>
<p style="font-size: 11px; color: #6b5a7d; line-height: 1.4; margin: 0;">An open-world action-adventure story set in Night City...</p>
<div style="display: flex; gap: 6px; flex-wrap: wrap; margin-top: 2px;">
<span style="font-size: 10px; padding: 2px 6px; border-radius: 4px; background: #ebe4f108; border: 1px solid #ebe4f115; color: #6b5a7d;">RPG</span>
<span style="font-size: 10px; padding: 2px 6px; border-radius: 4px; background: #ebe4f108; border: 1px solid #ebe4f115; color: #6b5a7d;">Action</span>
</div>
<div style="display: flex; gap: 12px; margin-top: 4px;">
<span style="font-size: 11px; color: #eb3779;">🎮 45 Benchmarks</span>
<span style="font-size: 11px; color: #9b6fc7;">⚙️ 12 Presets</span>
<span style="font-size: 11px; color: #fb793c;">💬 34 Comments</span>
</div>
</div>
</div>
</div>
</div>