padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update button styles in Home.vue for improved visual consistency

Browse source 
- Enhanced button styles by adding background color and border properties, ensuring a more cohesive design.
- Updated text styles to use a medium font weight for better readability and emphasis on button labels.

These changes contribute to a more polished user interface and improve overall user interaction within the Home component.
This commit is contained in:
padreug 2025-09-17 02:22:37 +02:00
parent dfd3ddd112
commit 74e443184f
1 changed files with 4 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/pages/Home.vue
View file

@ -79,20 +79,18 @@
<Button
@click="openComposer('note')"
size="lg"
variant="secondary"
class="h-12 px-4 rounded-full shadow-md hover:shadow-lg transition-all gap-2"
class="h-12 px-4 rounded-full shadow-md hover:shadow-lg transition-all gap-2 bg-background border-2 border-border hover:bg-accent"
>
<MessageSquare class="h-4 w-4" />
<span class="text-sm">Note</span>
<span class="text-sm font-medium">Note</span>
</Button>
<Button
@click="openComposer('rideshare')"
size="lg"
variant="secondary"
class="h-12 px-4 rounded-full shadow-md hover:shadow-lg transition-all gap-2"
class="h-12 px-4 rounded-full shadow-md hover:shadow-lg transition-all gap-2 bg-background border-2 border-border hover:bg-accent"
>
<Car class="h-4 w-4" />
<span class="text-sm">Rideshare</span>
<span class="text-sm font-medium">Rideshare</span>
</Button>
</div>