Split band detail page in section files

software/src/components/cardWithLeftImage.vue

@@ -36,7 +36,7 @@ defineProps({
 
       <v-spacer />
 
-      <v-divider vertical height="100%" color="blue"/>
+      <v-divider vertical height="100%" />
 
       <v-col
         cols="2"

software/src/components/cardWithTopImage.vue

@@ -9,6 +9,10 @@ defineProps({
   smallerTitle: {
     type: Boolean,
     default: false
+  },
+  link: {
+    type: Boolean,
+    default: true
   }
 })
 </script>
@@ -16,12 +20,11 @@ defineProps({
 <template>
   <v-card
     variant="tonal"
-    link
+    :link="link"
   >
     <v-img
       :src="'http://localhost:3000/static/' + image"
       aspect-ratio="1"
-      style="background-color: aliceblue;"
       cover
     >
       <template #error>

software/src/components/sectionDivider.vue

@@ -33,7 +33,7 @@ defineProps({
 
   <v-row v-else class="pt-3">
     <v-col class="d-flex justify-center align-center">
-      <v-sheet height="12" width="100%" color="primary" :rounded="true" />
+      <v-sheet height="12" width="100%" color="primary" class="rounded-s-lg" />
     </v-col>
     
     <v-col class="v-col-auto">
@@ -41,7 +41,7 @@ defineProps({
     </v-col>
 
     <v-col class="d-flex justify-center align-center">
-      <v-sheet height="12" width="100%" color="primary" :rounded="true" />
+      <v-sheet height="12" width="100%" color="primary" class="rounded-e-lg" />
     </v-col>
   </v-row>
 </template>