matt/port-nimara-client-portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

FEAT: Enhance layout and styling in BerthDetailsModal and interest-berth-status for improved readability and visual appeal

Browse Source
This commit is contained in:
Matt
2025-06-17 18:14:21 +02:00
parent 5d614b3dc0
commit b6e5c21d8a
2 changed files with 73 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/dashboard/interest-berth-status.vue
View File

@@ -127,12 +127,12 @@
elevation="0"
hover
>
<v-card-text class="pa-3">
<div class="d-flex align-center justify-space-between mb-2">
<v-card-text class="pa-4">
<div class="d-flex align-center justify-space-between mb-3">
<span class="font-weight-bold text-subtitle-2">{{ berth['Mooring Number'] }}</span>
<span class="text-caption text-grey-darken-1">Area {{ berth.Area }}</span>
</div>
<div class="text-caption text-grey-darken-1 mb-2">
<div class="text-caption text-grey-darken-1 mb-3">
{{ displayMeasurement(berth['Nominal Boat Size']) }} boat
</div>
<div class="d-flex justify-space-between align-center">