vft 0.0.16 → 0.0.18

package/theme-style/src/header-layout.scss

@@ -0,0 +1,38 @@
+@use 'common/var' as *;
+@use 'mixins/mixins' as *;
+
+$name: header-layout;
+
+@include set-root-css-vars($name, $layout-header);
+
+@function getCompCssVar($value) {
+  @return getCssVar($name, $value);
+}
+
+@include b($name) {
+  height: getCompCssVar('height');
+  color: getCompCssVar('color');
+  background-color: getCompCssVar('bg-color');
+  border-bottom: getCompCssVar('border-bottom');
+  box-sizing: border-box;
+  @include m(fixed) {
+    z-index: getCompCssVar('z-index');
+    width: 100%;
+  }
+
+  @include e(top) {
+    height: getCompCssVar('top-height');
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    @include e(left) {
+      display: flex;
+      height: 100%;
+      align-items: center;
+    }
+
+    //@include e(right) {
+    //}
+  }
+}

package/theme-style/src/iframe-layout.scss

@@ -0,0 +1,8 @@
+@use 'mixins/mixins' as *;
+
+@include b(iframe-page) {
+  height: 100%;
+  width: 100%;
+  border: none;
+  display: block;
+}

package/theme-style/src/index.scss

@@ -14,3 +14,7 @@
 @use './popper.scss';
 @use './tooltip.scss';
 @use './popover.scss';
+@use './footer-layout.scss';
+@use './header-layout.scss';
+@use './iframe-layout.scss';
+@use './logo.scss';

package/theme-style/src/logo.scss

@@ -0,0 +1,34 @@
+@use 'common/var' as *;
+@use 'mixins/mixins' as *;
+
+$name: logo;
+
+@include set-root-css-vars($name, $logo);
+
+@function getCompCssVar($value) {
+  @return getCssVar($name, $value);
+}
+
+@include b($name) {
+  display: flex;
+  align-items: center;
+  padding-left: 20px;
+  cursor: getCompCssVar('cursor');
+  transition: all 0.2s ease;
+
+  @include e(img) {
+    width: getCompCssVar('img-width');
+    height: getCompCssVar('img-height');
+  }
+
+  @include e(title) {
+    font-size: getCompCssVar('font-size');
+    font-weight: getCompCssVar('font-weight');
+    transition: all 0.5s;
+    line-height: 1;
+    color: getCompCssVar('title-color');
+  }
+}
+
+
+

package/theme-style/vft-footer-layout.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-footer-layout-bg-color:#f7f8fa;--vft-footer-layout-border-top:1px solid #f7f8fa;--vft-footer-layout-left:var(--vft-menu-width);--vft-footer-layout-height:30px;--vft-footer-layout-left-min-width:auto;--vft-footer-layout-right-min-width:auto}.vft-footer-layout{width:calc(100% - var(--vft-footer-layout-left));background-color:var(--vft-footer-layout-bg-color);height:var(--vft-footer-layout-height);border-top:var(--vft-footer-layout-border-top);display:flex;justify-content:space-between;align-items:center;flex:none;overflow:hidden;position:relative;transition:left .5s;left:var(--vft-footer-layout-left)}.vft-footer-layout__left{min-width:var(--vft-footer-layout-left-min-width)}.vft-footer-layout__right{min-width:var(--vft-footer-layout-right-min-width)}

package/theme-style/vft-header-layout.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-header-layout-height:64px;--vft-header-layout-top-height:40px;--vft-header-layout-bg-color:white;--vft-header-layout-color:black;--vft-header-layout-z-index:2001;--vft-header-layout-border-bottom:1px solid rgb(231, 231, 231)}.vft-header-layout{height:var(--vft-header-layout-height);color:var(--vft-header-layout-color);background-color:var(--vft-header-layout-bg-color);border-bottom:var(--vft-header-layout-border-bottom);box-sizing:border-box}.vft-header-layout--fixed{z-index:var(--vft-header-layout-z-index);width:100%}.vft-header-layout__top{height:var(--vft-header-layout-top-height);display:flex;align-items:center;justify-content:space-between}.vft-header-layout__left{display:flex;height:100%;align-items:center}

package/theme-style/vft-iframe-layout.css

@@ -0,0 +1 @@
+@charset "UTF-8";.vft-iframe-page{height:100%;width:100%;border:none;display:block}

package/theme-style/vft-logo.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-logo-img-width:30px;--vft-logo-img-height:30px;--vft-logo-title-color:black;--vft-logo-title-font-size:16px;--vft-logo-title-font-weight:400;--vft-logo-cursor:pointer}.vft-logo{display:flex;align-items:center;padding-left:20px;cursor:var(--vft-logo-cursor);transition:all .2s ease}.vft-logo__img{width:var(--vft-logo-img-width);height:var(--vft-logo-img-height)}.vft-logo__title{font-size:var(--vft-logo-font-size);font-weight:var(--vft-logo-font-weight);transition:all .5s;line-height:1;color:var(--vft-logo-title-color)}