@appscode/design-system 2.17.38 → 2.17.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "2.17.38",
+  "version": "2.17.40",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/styles/components/_platform-design.scss

@@ -151,6 +151,7 @@
 .section-card:not(.reset-style) {
   border: 1px solid $color-border;
   border-radius: 4px;
+  height: -webkit-fill-available;
   .section-heading {
     border-bottom: 1px solid $color-border;
     background-color: $secondary-light-grey;

package/vue-components/styles/components/_time-picker.scss

@@ -19,6 +19,8 @@ $scroll-highlight: darken($cool-gray, 10%);
   display: inline-flex;
   flex-direction: column;
   border-radius: 8px;
+  position: absolute;
+  z-index: 99;
 }
 
 /* ========== Header ========== */

package/vue-components/v3/alert/AlertMessage.vue

@@ -6,12 +6,14 @@ interface Props {
   modifierClasses?: string;
   message?: string;
   hasCrossIcon?: boolean;
+  hasIcon?: boolean;
 }
 
 withDefaults(defineProps<Props>(), {
   modifierClasses: "",
   message: "",
   hasCrossIcon: false,
+  hasIcon: false,
 });
 
 const showAlert = ref(true);
@@ -25,7 +27,7 @@ function hideAlert() {
     <div class="message-body is-justify-content-space-between">
       <div class="is-flex is-flex-direction-column gap-4 is-fullwidth">
         <div class="is-flex is-align-items-center gap-8">
-          <span class="status-icon">
+          <span class="status-icon" v-if="hasIcon">
             <slot name="icon"></slot>
           </span>
           <p v-if="message">{{ message }}</p>

package/vue-components/v3/section/SectionContent.vue

@@ -4,7 +4,6 @@ import ArrowIcon from "../icons/ArrowIcon.vue";
 import AcButton from "../button/Button.vue";
 import HeaderItem from "../header/HeaderItem.vue";
 import HeaderItems from "../header/HeaderItems.vue";
-import HeroiconsArrowUturnLeft20Solid from "~icons/heroicons/arrow-uturn-left-20-solid.svg";
 
 interface Props {
   title?: string;