Added:

- ground parameter to app-section wich disables default styles and set only background on <section>
MerginMaps · Dec 8, 2023 · f1da30e · f1da30e
1 parent a0c2f71
commit f1da30e
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/web-app/packages/lib/src/common/components/AppSection.vue b/web-app/packages/lib/src/common/components/AppSection.vue
@@ -1,5 +1,11 @@
 <template>
-  <section class="surface-section border-round-2xl overflow-hidden">
+  <section
+    :class="[
+      ground
+        ? 'surface-ground'
+        : 'surface-section border-round-2xl overflow-hidden'
+    ]"
+  >
     <header
       v-if="!!$slots.title"
       class="flex justify-content-between align-items-center p-4"
@@ -11,6 +17,10 @@
   </section>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+withDefaults(defineProps<{ ground: boolean }>(), {
+  ground: false
+})
+</script>
 
 <style scoped lang="scss"></style>