bigscreen style fixed

2024-02-06 17:08:29 +08:00
parent 066feca056
commit 4e145e8435
5 changed files with 38 additions and 3 deletions
--- a/components/layout/AiDvPanel/borders/border15.vue
+++ b/components/layout/AiDvPanel/borders/border15.vue
@@ -0,0 +1,33 @@
+<template>
+  <section class="border15">
+    <h2>{{ title }}</h2>
+    <div class="slot">
+      <slot/>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  name: 'border15',
+  props: ['title', 'theme']
+}
+</script>
+
+<style lang="scss" scoped>
+.border15 {
+  height: 100%;
+
+  h2 {
+    font-size: 14px;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 10px;
+    background-image: linear-gradient(270deg, rgba(31, 67, 102, 0), rgba(31, 78, 102, 0.4));
+    margin-bottom: 12px;
+  }
+
+  .slot {
+    height: calc(100% - 68px);
+  }
+}
+</style>