bam/my2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add critical CSS styles for layout and typography, enhance button styles with rounded corners, and introduce a progress card component with Safrangold accent border.

Browse Source
This commit is contained in:
Bastian Masanek
2025-10-30 11:01:14 +01:00
parent 1f6adfb324
commit aea87ccc5f
5 changed files with 171 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/pages/index.vue
View File

@@ -20,6 +20,18 @@ const handleClick = () => {
</p>
</div>
<!-- Example: Card with Safrangold Accent Border -->
<div class="card-progress card-accent-border mb-8">
<div class="progress-header">
<h3 class="progress-title">Verlängerungsfortschritt</h3>
<div class="progress-stats">2963 / 4931</div>
</div>
<div class="progress-bar-wrapper">
<div class="progress-bar" style="width: 60.1%"></div>
<div class="progress-percentage">60.1%</div>
</div>
</div>
<!-- experimenta Button Showcase -->
<div class="card-glass mb-8">
<h3 class="text-xl font-semibold mb-4 text-experimenta-accent">experimenta Button</h3>