@bildvitta/quasar-ui-asteroid 3.13.0-beta.18 → 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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/app-menu/QasAppMenu.vue +4 -10
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.18",
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",
package/src/components/app-menu/QasAppMenu.vue CHANGED
@@ -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