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

Update NostrFeed and Home components for improved styling and layout

Browse source 
- Modified NostrFeed.vue to enhance the post list styling with updated divider classes for better visual separation.
- Adjusted Home.vue button styles to include background color and border enhancements, improving the overall appearance and user interaction.

These changes refine the user interface, contributing to a more polished and engaging experience.
This commit is contained in:
padreug 2025-09-16 23:56:56 +02:00
parent 2d0aadccb7
commit 310612a2c5
2 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/modules/nostr-feed/components/NostrFeed.vue
View file

@ -175,7 +175,7 @@ function onReplyToNote(note: any) {
<!-- Posts List - Full height scroll --> <!-- Posts List - Full height scroll -->
<div v-else class="h-full overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-transparent"> <div v-else class="h-full overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-transparent">
<div class="divide-y divide-border"> <div class="divide-y-2 divide-muted/30">
<div v-for="note in notes" :key="note.id"> <div v-for="note in notes" :key="note.id">
<!-- Market Product Component (kind 30018) --> <!-- Market Product Component (kind 30018) -->
<template v-if="note.kind === 30018"> <template v-if="note.kind === 30018">

4
src/pages/Home.vue
View file

@ -66,9 +66,9 @@
<Button <Button
@click="showComposer = true" @click="showComposer = true"
size="lg" size="lg"
class="h-14 w-14 rounded-full shadow-lg hover:shadow-xl transition-shadow" class="h-14 w-14 rounded-full shadow-lg hover:shadow-xl transition-all bg-primary hover:bg-primary/90 border-2 border-primary-foreground/20"
> >
<Plus class="h-6 w-6" /> <Plus class="h-6 w-6 stroke-[2.5]" />
</Button> </Button>
</div> </div>