chore: small adjustments on UI for better browser compatability

Author: SteKoe

spring-boot-admin-server-ui/src/main/frontend/components/sba-sticky-subnav.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     id="subnavigation"
-    class="sticky shadow-sm top-14 w-full bg-white py-1 px-2 md:px-6 backdrop-filter backdrop-blur bg-opacity-40 z-20"
+    class="sticky shadow-sm top-14 w-full bg-white py-1 px-2 md:px-6 backdrop-filter backdrop-blur bg-opacity-40 z-20 drop-shadow-lg"
   >
     <slot />
   </div>

spring-boot-admin-server-ui/src/main/frontend/views/about/index.vue

@@ -15,6 +15,7 @@
   -->
 
 <template>
+  <sba-wave />
   <div class="container prose prose-slate mx-auto pt-10">
     <h1
       class="mb-1"
@@ -117,9 +118,10 @@
 
 <script>
 import SbaButton from '@/components/sba-button.vue';
+import SbaWave from "../../components/sba-wave";
 
 export default {
-  components: {SbaButton},
+  components: {SbaWave, SbaButton},
   data: () => ({
     // eslint-disable-next-line no-undef
     version: __PROJECT_VERSION__

spring-boot-admin-server-ui/src/main/frontend/views/instances/shell/index.vue

@@ -25,7 +25,7 @@
         :instance="instance"
         :application="application"
       />
-      <main class="h-full relative z-0 ml-10 md:ml-60 transition-all">
+      <main class="min-h-full relative z-0 ml-10 md:ml-60 transition-all">
         <div class="">
           <router-view
             v-if="instance"

spring-boot-admin-server-ui/src/main/frontend/views/instances/shell/sidebar.vue

@@ -195,14 +195,14 @@ export default {
 
 <style scoped>
 .instance-info-block {
-  @apply bg-sba-50 text-sba-900 flex items-center text-sm py-4 px-6 text-left overflow-hidden text-ellipsis rounded transition duration-300 ease-in-out cursor-pointer;
+  @apply bg-sba-50 bg-opacity-40 text-sba-900 flex items-center text-sm py-4 px-6 text-left overflow-hidden text-ellipsis rounded transition duration-300 ease-in-out cursor-pointer;
 }
 .navbar-link {
-  @apply cursor-pointer duration-300 ease-in-out flex  items-center overflow-hidden py-4 rounded text-sm transition whitespace-nowrap;
+  @apply cursor-pointer bg-sba-50 bg-opacity-40 duration-300 ease-in-out flex  items-center overflow-hidden py-4 rounded text-sm transition whitespace-nowrap;
   @apply text-gray-700;
 }
 .navbar-link:hover, .navbar-link__active {
-  @apply bg-sba-50 text-sba-900;
+  @apply bg-sba-50 bg-opacity-80 text-sba-900;
 }
 
 .navbar-link__group_item {