quasar-factory-lib 0.0.24 → 0.0.25

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
@@ -97,6 +97,6 @@
97
97
  "release": "standard-version"
98
98
  },
99
99
  "type": "module",
100
- "version": "0.0.24",
100
+ "version": "0.0.25",
101
101
  "author": ""
102
102
  }
@@ -4,10 +4,10 @@
4
4
  <div class="row full-width">
5
5
  <div class="col-6">
6
6
  <img :src="logo" class="logo">
7
+ <span id="mobile-title">{{ title }}</span>
7
8
  </div>
8
- <div class="col-6 text-right" id="buttons">
9
- <q-btn v-if="showBtnBack" flat round size="lg" @click="onClickBtnBack">
10
- <q-icon>
9
+ <div class="col-6 text-right">
10
+ <q-icon v-if="showBtnBack" size="md" @click="onClickBtnBack">
11
11
  <svg class="text-h4" xmlns="http://www.w3.org/2000/svg" width="30" height="30"
12
12
  viewBox="0 0 23.648 22.836">
13
13
  <g id="Arrow_brand" data-name="Arrow brand" transform="translate(0 22.836) rotate(-90)">
@@ -17,10 +17,10 @@
17
17
  </g>
18
18
  </svg>
19
19
  </q-icon>
20
- </q-btn>
21
- <q-btn v-if="showBtnSearch" color="primary" flat round icon="search" size="lg" @click="onClickBtnSearch" />
22
- <q-btn flat round size="lg" @click="onClickBtnMenu">
23
- <q-icon id="menu">
20
+ <q-icon v-if="showBtnSearch" color="primary" name="search" size="md" class="q-ml-md" @click="onClickBtnSearch">
21
+ </q-icon>
22
+
23
+ <q-icon id="menu" size="md" @click="onClickBtnMenu" class="q-ml-md">
24
24
  <svg xmlns="http://www.w3.org/2000/svg" width="30.448" height="28.247" viewBox="0 0 30.448 28.247">
25
25
  <g id="Componente_11_3" data-name="Componente 11 – 3" transform="translate(0 1)">
26
26
  <path id="Caminho_702" data-name="Caminho 702" d="M38.053,40.174H24"
@@ -35,7 +35,7 @@
35
35
  </g>
36
36
  </svg>
37
37
  </q-icon>
38
- </q-btn>
38
+
39
39
  </div>
40
40
  </div>
41
41
  </q-toolbar>
@@ -7,14 +7,15 @@
7
7
  background-size: contain;
8
8
  margin-bottom: 10px;
9
9
  }
10
- #taskNavBar #buttons .q-img {
11
- margin-left: 20px;
12
- }
13
10
 
14
11
  #taskNavBar .q-toolbar__title {
15
- font-family: "SangBleuKingdom-Light, sans-serif";
16
- font-size: 25px;
17
- margin: 0;
12
+ font-family: "SangBleuKingdom-Light, sans-serif";
13
+ font-size: 25px;
14
+ margin: 0;
15
+ }
16
+
17
+ #mobile-title {
18
+ display: none;
18
19
  }
19
20
 
20
21
  @media only screen and (max-width: 1100px) {
@@ -24,9 +25,14 @@ margin: 0;
24
25
  }
25
26
 
26
27
  @media only screen and (max-width: 375px) {
27
- #taskNavBar .logo {
28
+ #taskNavBar .logo, #taskNavBar .q-toolbar__title {
28
29
  display: none;
29
30
  }
31
+ #mobile-title {
32
+ display: block;
33
+ font-family: "SangBleuKingdom-Light, sans-serif";
34
+ font-size: 20px;
35
+ }
30
36
  #taskNavBar .q-toolbar__title {
31
37
  font-size: 18px;
32
38
  }