Add Port Nimara branding to interest list page
Replace generic icon with company logo in header and update page title to include "Port Nimara Berth Interest List" for better brand visibility.
This commit is contained in:
@@ -4,9 +4,13 @@
|
|||||||
<!-- Header Section -->
|
<!-- Header Section -->
|
||||||
<v-row class="mb-6">
|
<v-row class="mb-6">
|
||||||
<v-col cols="12" md="8">
|
<v-col cols="12" md="8">
|
||||||
<h1 class="text-h4 font-weight-bold mb-2">
|
<h1 class="text-h4 font-weight-bold mb-2 d-flex align-center">
|
||||||
<v-icon class="mr-2" color="primary">mdi-account-group</v-icon>
|
<img
|
||||||
Interest List
|
src="/Port_Nimara_Logo_2_Colour_New_Transparent.png"
|
||||||
|
alt="Port Nimara Logo"
|
||||||
|
class="mr-3 logo-icon"
|
||||||
|
/>
|
||||||
|
Port Nimara Berth Interest List
|
||||||
</h1>
|
</h1>
|
||||||
<p class="text-subtitle-1 text-grey-darken-1">
|
<p class="text-subtitle-1 text-grey-darken-1">
|
||||||
Manage and track all potential client interests
|
Manage and track all potential client interests
|
||||||
@@ -475,6 +479,13 @@ const getRelativeTime = (dateString: string) => {
|
|||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.logo-icon {
|
||||||
|
height: 32px;
|
||||||
|
width: auto;
|
||||||
|
max-width: 32px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
/* Mobile horizontal scrolling */
|
/* Mobile horizontal scrolling */
|
||||||
.table-container {
|
.table-container {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
|
|||||||
BIN
public/Port Nimara New Logo-Circular Frame.png
Normal file
BIN
public/Port Nimara New Logo-Circular Frame.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 151 KiB |
BIN
public/Port_Nimara_Logo_2_Colour_New_Transparent.png
Normal file
BIN
public/Port_Nimara_Logo_2_Colour_New_Transparent.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
Reference in New Issue
Block a user