@bildvitta/quasar-ui-asteroid 3.13.0-beta.17 → 3.13.0-beta.19

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bildvitta/quasar-ui-asteroid",
3
3
  "description": "Asteroid",
4
- "version": "3.13.0-beta.17",
4
+ "version": "3.13.0-beta.19",
5
5
  "author": "Bild & Vitta <systemteam@bild.com.br>",
6
6
  "license": "MIT",
7
7
  "main": "dist/asteroid.cjs.min.js",
@@ -5,8 +5,8 @@
5
5
  <div class="full-width">
6
6
  <!-- Brand -->
7
7
  <div v-if="!screen.untilLarge" class="q-mb-xl q-pt-xl qas-app-menu__label" :class="classes.spacedItem">
8
- <router-link class="flex justify-center relative-position text-no-decoration" :to="rootRoute">
9
- <q-img v-if="normalizedBrand" :alt="title" class="qas-app-menu__brand qas-app-menu__label" :class="classes.brand" fit="contain" height="27px" no-spinner :src="normalizedBrand" />
8
+ <router-link class="column flex items-center justify-center relative-position text-no-decoration" :to="rootRoute">
9
+ <q-img v-if="normalizedBrand" :alt="title" class="qas-app-menu__brand qas-app-menu__label" fit="contain" height="27px" img-class="qas-app-menu__brand-img" no-spinner :src="normalizedBrand" />
10
10
 
11
11
  <span v-else-if="!isMiniMode" class="ellipsis text-bold text-primary text-subtitle2">{{ title }}</span>
12
12
 
@@ -183,10 +183,6 @@ const normalizedBrand = computed(() => isMini.value ? props.miniBrand : props.br
183
183
 
184
184
  const classes = computed(() => {
185
185
  return {
186
- brand: {
187
- 'qas-app-menu__brand--spaced': !isMiniMode.value
188
- },
189
-
190
186
  content: {
191
187
  'qas-app-menu__content--spaced': !isMiniMode.value
192
188
  },
@@ -290,10 +286,8 @@ function setHasOpenedMenu (value) {
290
286
  }
291
287
 
292
288
  &__brand {
293
- width: 40px;
294
-
295
- &--spaced {
296
- width: 208px;
289
+ :deep(.qas-app-menu__brand-img) {
290
+ transition: opacity 120ms ease-in; // 120ms é o mesmo tempo utilizado na abertura do QDrawer.
297
291
  }
298
292
  }
299
293
 
@@ -333,13 +333,17 @@ export default {
333
333
 
334
334
  td {
335
335
  @include set-typography($body1);
336
+
337
+ &:before {
338
+ transition: background-color var(--qas-generic-transition);
339
+ }
336
340
  }
337
341
 
338
342
  tr {
339
- transition: background-color var(--qas-generic-transition);
340
-
341
343
  &:hover {
342
- background-color: $grey-2;
344
+ td:before {
345
+ background-color: var(--qas-background-color);
346
+ }
343
347
  }
344
348
  }
345
349
 
@@ -56,7 +56,6 @@ export default {
56
56
 
57
57
  <style lang="scss">
58
58
  .error-component {
59
- background-color: var(--qas-background-color);
60
59
  min-height: 100vh;
61
60
  padding: var(--qas-spacing-3xl) 0;
62
61