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

Update button styles in Home.vue for enhanced visual appeal

Browse source 
- Modified button classes to improve shadow effects and background color, ensuring a more cohesive design.
- Updated text color to enhance readability and maintain consistency with the overall theme.

These changes contribute to a more polished user interface and improve user interaction within the Home component.
This commit is contained in:
padreug 2025-09-20 18:08:46 +02:00
parent ff60277ae9
commit c027b9ac45
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/pages/Home.vue
View file

@ -81,7 +81,7 @@
<Button
@click="openComposer('note')"
size="lg"
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"
class="h-12 px-4 rounded-full shadow-lg hover:shadow-xl transition-all gap-2 bg-card border-2 border-border hover:bg-accent text-card-foreground"
>
<MessageSquare class="h-4 w-4" />
<span class="text-sm font-medium">Note</span>
@ -89,7 +89,7 @@
<Button
@click="openComposer('rideshare')"
size="lg"
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"
class="h-12 px-4 rounded-full shadow-lg hover:shadow-xl transition-all gap-2 bg-card border-2 border-border hover:bg-accent text-card-foreground"
>
<Car class="h-4 w-4" />
<span class="text-sm font-medium">Rideshare</span>