chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

feat: quotation => banner

Browse source
This commit is contained in:
puriphatt 2024-12-16 10:54:12 +07:00
parent 13149724c6
commit 60e5578d89
2 changed files with 20 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/images/building-banner.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 134 KiB

21
src/pages/05_quotation/QuotationForm.vue
View file

@ -1245,7 +1245,10 @@ async function getWorkerFromCriteria(
<div class="gray-segment"></div> <div class="gray-segment"></div>
</div> </div>
<header class="row q-px-md q-py-sm items-center full justify-between"> <header
class="row q-px-md q-py-sm items-center justify-between relative-position"
>
<section class="banner" :class="{ dark: $q.dark.isActive }"></section>
<div style="flex: 1" class="row items-center"> <div style="flex: 1" class="row items-center">
<RouterLink to="/quotation"> <RouterLink to="/quotation">
<q-img src="/icons/favicon-512x512.png" width="3rem" /> <q-img src="/icons/favicon-512x512.png" width="3rem" />
@ -2860,4 +2863,20 @@ async function getWorkerFromCriteria(
box-shadow: 0px 0px 4px 7px hsla(var(--_color) / 0); box-shadow: 0px 0px 4px 7px hsla(var(--_color) / 0);
} }
} }
.banner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('/images/building-banner.png');
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
&.dark {
filter: invert(94%);
}
}
</style> </style>