feat: quotation => banner

src/pages/05_quotation/QuotationForm.vue

@@ -1245,7 +1245,10 @@ async function getWorkerFromCriteria(
       <div class="gray-segment"></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">
         <RouterLink to="/quotation">
           <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);
   }
 }
+
+.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>