@appscode/design-system 2.0.57-alpha.2 → 2.0.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/vue-components/styles/components/_terminal.scss +3 -3
  3. package/vue-components/v3/navbar/Navbar.vue +8 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "2.0.57-alpha.2",
3
+ "version": "2.0.58",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
package/vue-components/styles/components/_terminal.scss CHANGED
@@ -113,7 +113,7 @@
113
113
 
114
114
  li:not(.is-active) {
115
115
  margin-right: -1px;
116
- border-right: 1px solid $primary-30;
116
+ border-right: 1px solid $secondary-30;
117
117
  }
118
118
 
119
119
  li {
@@ -125,7 +125,7 @@
125
125
  border: none;
126
126
  height: 40px;
127
127
  background-color: transparent !important;
128
- color: $primary-97;
128
+ color: $white-100;
129
129
 
130
130
  .name-of-tab {
131
131
  width: 120px;
@@ -179,7 +179,7 @@
179
179
  padding: 10px 20px;
180
180
  justify-content: flex-start;
181
181
  border-bottom: 1px solid $primary-20;
182
- color: $primary-97 !important;
182
+ color: $white-100!important;
183
183
 
184
184
  &:last-child {
185
185
  border-bottom: none;
package/vue-components/v3/navbar/Navbar.vue CHANGED
@@ -3,12 +3,14 @@ interface Props {
3
3
  modifierClasses?: string;
4
4
  fullWidth?: boolean;
5
5
  productName?: string;
6
+ container?: boolean;
6
7
  }
7
8
 
8
9
  withDefaults(defineProps<Props>(), {
9
10
  modifierClasses: "",
10
11
  fullWidth: false,
11
12
  productName: "",
13
+ container: false,
12
14
  });
13
15
  </script>
14
16
 
@@ -18,11 +20,15 @@ withDefaults(defineProps<Props>(), {
18
20
  id="header"
19
21
  :class="[modifierClasses, { 'is-full': fullWidth }]"
20
22
  >
21
- <div class="ac-navbar-inner">
23
+ <div class="ac-navbar-inner" :class="{ container: container }">
22
24
  <!-- navbar start -->
23
25
  <nav class="ac-navbar">
24
26
  <!-- navbar logo start -->
25
- <div class="ac-navbar-brand is-flex" v-if="fullWidth">
27
+ <div
28
+ class="ac-navbar-brand is-flex"
29
+ v-if="fullWidth"
30
+ :class="{ 'pl-0': container }"
31
+ >
26
32
  <slot name="navbar-brand-logo" />
27
33
  <span v-if="productName" class="brand-tag">{{ productName }}</span>
28
34
  </div>