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

Refactor Home.vue to improve composer layout and scrolling behavior

Browse source 
- Updated the composer section to include a maximum height and overflow handling, enhancing usability by allowing users to scroll through the composer content.
- Maintained the existing functionality of the NoteComposer and RideshareComposer components, ensuring a seamless user experience.

These changes contribute to a more user-friendly interface within the Home component.
This commit is contained in:
padreug 2025-09-17 02:22:56 +02:00
parent 74e443184f
commit 8c39ca3599
1 changed files with 17 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/pages/Home.vue
View file

@ -38,6 +38,7 @@
<div class="flex-1 overflow-hidden"> <div class="flex-1 overflow-hidden">
<!-- Collapsible Composer --> <!-- Collapsible Composer -->
<div v-if="showComposer || replyTo" class="border-b bg-background"> <div v-if="showComposer || replyTo" class="border-b bg-background">
<div class="max-h-[70vh] overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-transparent">
<div class="px-4 py-3 sm:px-6"> <div class="px-4 py-3 sm:px-6">
<!-- Regular Note Composer --> <!-- Regular Note Composer -->
<NoteComposer <NoteComposer
@ -56,6 +57,7 @@
/> />
</div> </div>
</div> </div>
</div>
<!-- Feed Content - Full height scroll --> <!-- Feed Content - Full height scroll -->
<div class="h-full"> <div class="h-full">