Skip to content

Commit 7de29d0

Browse files
gesseekurgesseekur
committedFeb 9, 2021
try a different font path
1 parent 0721caa commit 7de29d0

33 files changed

+2150
-156
lines changed
 

‎public/index.html

-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@
66
<meta name="viewport" content="width=device-width,initial-scale=1.0">
77
<link rel="icon" type="image/png" href="<%= BASE_URL %>favicon.png">
88
<title>MEW styles & components</title>
9-
<link href="https://fonts.googleapis.com/css2?family=PT+Mono&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
109
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
1110
</head>
1211

‎src/assets/fonts/Roboto/roboto-v20-latin-100italic.eot

18.8 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-100italic.svg

+332
Loading

‎src/assets/fonts/Roboto/roboto-v20-latin-100italic.ttf

37.4 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-100italic.woff

21.2 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-100italic.woff2

16.6 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-300italic.eot

19.3 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-300italic.svg

+329
Loading

‎src/assets/fonts/Roboto/roboto-v20-latin-300italic.ttf

37.1 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-300italic.woff

21.7 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-300italic.woff2

17 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-500italic.eot

19.2 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-500italic.svg

+326
Loading

‎src/assets/fonts/Roboto/roboto-v20-latin-500italic.ttf

37.1 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-500italic.woff

21.5 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-500italic.woff2

16.9 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-700italic.eot

18.8 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-700italic.svg

+325
Loading

‎src/assets/fonts/Roboto/roboto-v20-latin-700italic.ttf

36 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-700italic.woff

21.1 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-700italic.woff2

16.6 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-900italic.eot

19.4 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-900italic.svg

+324
Loading

‎src/assets/fonts/Roboto/roboto-v20-latin-900italic.ttf

37.1 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-900italic.woff

21.8 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-900italic.woff2

17.1 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-italic.eot

19.1 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-italic.svg

+323
Loading

‎src/assets/fonts/Roboto/roboto-v20-latin-italic.ttf

36.6 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-italic.woff

21.4 KB
Binary file not shown.

‎src/assets/fonts/Roboto/roboto-v20-latin-italic.woff2

16.9 KB
Binary file not shown.

‎src/assets/styles/setup/_fonts.scss

+126-88
Original file line numberDiff line numberDiff line change
@@ -1,133 +1,171 @@
1-
// @import "Roboto/_typography.scss";
21
/* roboto-100 - latin */
32
@font-face {
43
font-family: 'Roboto';
54
font-style: normal;
65
font-weight: 100;
7-
src: local('Roboto Thin'), local('Roboto-Thin'),
8-
url('/assets/fonts/Roboto/roboto-v20-latin-100.eot?#iefi') format('embedded-opentype'),
9-
/* IE6-IE8 */
10-
url('/assets/fonts/Roboto/roboto-v20-latin-100.woff2') format('woff2'),
11-
/* Super Modern Browsers */
12-
url('/assets/fonts/Roboto/roboto-v20-latin-100.woff') format('woff'),
13-
/* Modern Browsers */
14-
url('/assets/fonts/Roboto/roboto-v20-latin-100.ttf') format('truetype'),
15-
/* Safari, Android, iOS */
16-
url('/assets/fonts/Roboto/roboto-v20-latin-100.svg#Roboto') format('svg');
17-
/* Legacy iOS */
6+
src: url('~@/assets/fonts/Roboto/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
7+
src: local(''),
8+
url('~@/assets/fonts/Roboto/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
9+
url('~@/assets/fonts/Roboto/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
10+
url('~@/assets/fonts/Roboto/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
11+
url('~@/assets/fonts/Roboto/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
12+
url('~@/assets/fonts/Roboto/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
13+
}
14+
/* roboto-100italic - latin */
15+
@font-face {
16+
font-family: 'Roboto';
17+
font-style: italic;
18+
font-weight: 100;
19+
src: url('~@/assets/fonts/Roboto/roboto-v20-latin-100italic.eot'); /* IE9 Compat Modes */
20+
src: local(''),
21+
url('~@/assets/fonts/Roboto/roboto-v20-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
22+
url('~@/assets/fonts/Roboto/roboto-v20-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
23+
url('~@/assets/fonts/Roboto/roboto-v20-latin-100italic.woff') format('woff'), /* Modern Browsers */
24+
url('~@/assets/fonts/Roboto/roboto-v20-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
25+
url('~@/assets/fonts/Roboto/roboto-v20-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
1826
}
19-
2027
/* roboto-300 - latin */
2128
@font-face {
2229
font-family: 'Roboto';
2330
font-style: normal;
2431
font-weight: 300;
25-
src: url('/assets/fonts/Roboto/roboto-v20-latin-300.eot');
26-
/* IE9 Compat Modes */
27-
src: local('Roboto Light'), local('Roboto-Light'),
28-
url('/assets/fonts/Roboto/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'),
29-
/* IE6-IE8 */
30-
url('/assets/fonts/Roboto/roboto-v20-latin-300.woff2') format('woff2'),
31-
/* Super Modern Browsers */
32-
url('/assets/fonts/Roboto/roboto-v20-latin-300.woff') format('woff'),
33-
/* Modern Browsers */
34-
url('/assets/fonts/Roboto/roboto-v20-latin-300.ttf') format('truetype'),
35-
/* Safari, Android, iOS */
36-
url('/assets/fonts/Roboto/roboto-v20-latin-300.svg#Roboto') format('svg');
37-
/* Legacy iOS */
32+
src: url('~@/assets/fonts/Roboto/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
33+
src: local(''),
34+
url('~@/assets/fonts/Roboto/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
35+
url('~@/assets/fonts/Roboto/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
36+
url('~@/assets/fonts/Roboto/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
37+
url('~@/assets/fonts/Roboto/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
38+
url('~@/assets/fonts/Roboto/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
39+
}
40+
/* roboto-300italic - latin */
41+
@font-face {
42+
font-family: 'Roboto';
43+
font-style: italic;
44+
font-weight: 300;
45+
src: url('~@/assets/fonts/Roboto/roboto-v20-latin-300italic.eot'); /* IE9 Compat Modes */
46+
src: local(''),
47+
url('~@/assets/fonts/Roboto/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
48+
url('~@/assets/fonts/Roboto/roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
49+
url('~@/assets/fonts/Roboto/roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
50+
url('~@/assets/fonts/Roboto/roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
51+
url('~@/assets/fonts/Roboto/roboto-v20-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
3852
}
39-
4053
/* roboto-regular - latin */
4154
@font-face {
4255
font-family: 'Roboto';
4356
font-style: normal;
4457
font-weight: 400;
45-
src: url('/assets/fonts/Roboto/roboto-v20-latin-regular.eot');
46-
/* IE9 Compat Modes */
47-
src: local('Roboto'), local('Roboto-Regular'),
48-
url('/assets/fonts/Roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
49-
/* IE6-IE8 */
50-
url('/assets/fonts/Roboto/roboto-v20-latin-regular.woff2') format('woff2'),
51-
/* Super Modern Browsers */
52-
url('/assets/fonts/Roboto/roboto-v20-latin-regular.woff') format('woff'),
53-
/* Modern Browsers */
54-
url('/assets/fonts/Roboto/roboto-v20-latin-regular.ttf') format('truetype'),
55-
/* Safari, Android, iOS */
56-
url('/assets/fonts/Roboto/roboto-v20-latin-regular.svg#Roboto') format('svg');
57-
/* Legacy iOS */
58+
src: url('~@/assets/fonts/Roboto/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
59+
src: local(''),
60+
url('~@/assets/fonts/Roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
61+
url('~@/assets/fonts/Roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
62+
url('~@/assets/fonts/Roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
63+
url('~@/assets/fonts/Roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
64+
url('~@/assets/fonts/Roboto/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
5865
}
59-
6066
/* roboto-500 - latin */
6167
@font-face {
6268
font-family: 'Roboto';
6369
font-style: normal;
6470
font-weight: 500;
65-
src: url('/assets/fonts/Roboto/roboto-v20-latin-500.eot');
66-
/* IE9 Compat Modes */
67-
src: local('Roboto Medium'), local('Roboto-Medium'),
68-
url('/assets/fonts/Roboto/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'),
69-
/* IE6-IE8 */
70-
url('/assets/fonts/Roboto/roboto-v20-latin-500.woff2') format('woff2'),
71-
/* Super Modern Browsers */
72-
url('/assets/fonts/Roboto/roboto-v20-latin-500.woff') format('woff'),
73-
/* Modern Browsers */
74-
url('/assets/fonts/Roboto/roboto-v20-latin-500.ttf') format('truetype'),
75-
/* Safari, Android, iOS */
76-
url('/assets/fonts/Roboto/roboto-v20-latin-500.svg#Roboto') format('svg');
77-
/* Legacy iOS */
71+
src: url('~@/assets/fonts/Roboto/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
72+
src: local(''),
73+
url('~@/assets/fonts/Roboto/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
74+
url('~@/assets/fonts/Roboto/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
75+
url('~@/assets/fonts/Roboto/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
76+
url('~@/assets/fonts/Roboto/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
77+
url('~@/assets/fonts/Roboto/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
78+
}
79+
/* roboto-500italic - latin */
80+
@font-face {
81+
font-family: 'Roboto';
82+
font-style: italic;
83+
font-weight: 500;
84+
src: url('~@/assets/fonts/Roboto/roboto-v20-latin-500italic.eot'); /* IE9 Compat Modes */
85+
src: local(''),
86+
url('~@/assets/fonts/Roboto/roboto-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
87+
url('~@/assets/fonts/Roboto/roboto-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
88+
url('~@/assets/fonts/Roboto/roboto-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
89+
url('~@/assets/fonts/Roboto/roboto-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
90+
url('~@/assets/fonts/Roboto/roboto-v20-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
91+
}
92+
/* roboto-italic - latin */
93+
@font-face {
94+
font-family: 'Roboto';
95+
font-style: italic;
96+
font-weight: 400;
97+
src: url('~@/assets/fonts/Roboto/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
98+
src: local(''),
99+
url('~@/assets/fonts/Roboto/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
100+
url('~@/assets/fonts/Roboto/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
101+
url('~@/assets/fonts/Roboto/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
102+
url('~@/assets/fonts/Roboto/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
103+
url('~@/assets/fonts/Roboto/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
78104
}
79-
80105
/* roboto-700 - latin */
81106
@font-face {
82107
font-family: 'Roboto';
83108
font-style: normal;
84109
font-weight: 700;
85-
src: url('/assets/fonts/Roboto/roboto-v20-latin-700.eot');
86-
/* IE9 Compat Modes */
87-
src: local('Roboto Bold'), local('Roboto-Bold'),
88-
url('/assets/fonts/Roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'),
89-
/* IE6-IE8 */
90-
url('/assets/fonts/Roboto/roboto-v20-latin-700.woff2') format('woff2'),
91-
/* Super Modern Browsers */
92-
url('/assets/fonts/Roboto/roboto-v20-latin-700.woff') format('woff'),
93-
/* Modern Browsers */
94-
url('/assets/fonts/Roboto/roboto-v20-latin-700.ttf') format('truetype'),
95-
/* Safari, Android, iOS */
96-
url('/assets/fonts/Roboto/roboto-v20-latin-700.svg#Roboto') format('svg');
97-
/* Legacy iOS */
110+
src: url('~@/assets/fonts/Roboto/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
111+
src: local(''),
112+
url('~@/assets/fonts/Roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
113+
url('~@/assets/fonts/Roboto/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
114+
url('~@/assets/fonts/Roboto/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
115+
url('~@/assets/fonts/Roboto/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
116+
url('~@/assets/fonts/Roboto/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
117+
}
118+
/* roboto-700italic - latin */
119+
@font-face {
120+
font-family: 'Roboto';
121+
font-style: italic;
122+
font-weight: 700;
123+
src: url('~@/assets/fonts/Roboto/roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */
124+
src: local(''),
125+
url('~@/assets/fonts/Roboto/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
126+
url('~@/assets/fonts/Roboto/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
127+
url('~@/assets/fonts/Roboto/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
128+
url('~@/assets/fonts/Roboto/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
129+
url('~@/assets/fonts/Roboto/roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
98130
}
99-
100131
/* roboto-900 - latin */
101132
@font-face {
102133
font-family: 'Roboto';
103134
font-style: normal;
104135
font-weight: 900;
105-
src: url('/assets/fonts/Roboto/roboto-v20-latin-900.eot');
106-
/* IE9 Compat Modes */
107-
src: local('Roboto Black'), local('Roboto-Black'),
108-
url('/assets/fonts/Roboto/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'),
109-
/* IE6-IE8 */
110-
url('/assets/fonts/Roboto/roboto-v20-latin-900.woff2') format('woff2'),
111-
/* Super Modern Browsers */
112-
url('/assets/fonts/Roboto/roboto-v20-latin-900.woff') format('woff'),
113-
/* Modern Browsers */
114-
url('/assets/fonts/Roboto/roboto-v20-latin-900.ttf') format('truetype'),
115-
/* Safari, Android, iOS */
116-
url('/assets/fonts/Roboto/roboto-v20-latin-900.svg#Roboto') format('svg');
117-
/* Legacy iOS */
136+
src: url('~@/assets/fonts/Roboto/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
137+
src: local(''),
138+
url('~@/assets/fonts/Roboto/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
139+
url('~@/assets/fonts/Roboto/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
140+
url('~@/assets/fonts/Roboto/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
141+
url('~@/assets/fonts/Roboto/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
142+
url('~@/assets/fonts/Roboto/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
143+
}
144+
/* roboto-900italic - latin */
145+
@font-face {
146+
font-family: 'Roboto';
147+
font-style: italic;
148+
font-weight: 900;
149+
src: url('~@/assets/fonts/Roboto/roboto-v20-latin-900italic.eot'); /* IE9 Compat Modes */
150+
src: local(''),
151+
url('~@/assets/fonts/Roboto/roboto-v20-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
152+
url('~@/assets/fonts/Roboto/roboto-v20-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
153+
url('~@/assets/fonts/Roboto/roboto-v20-latin-900italic.woff') format('woff'), /* Modern Browsers */
154+
url('~@/assets/fonts/Roboto/roboto-v20-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
155+
url('~@/assets/fonts/Roboto/roboto-v20-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
118156
}
119157

120158
/* pt-mono-regular - latin */
121159
@font-face {
122160
font-family: 'PT Mono';
123161
font-style: normal;
124162
font-weight: 400;
125-
src: url('/assets/fonts/PT-Mono/pt-mono-v7-latin-regular.eot'); /* IE9 Compat Modes */
163+
src: url('~@/assets/fonts/PT-Mono/pt-mono-v7-latin-regular.eot'); /* IE9 Compat Modes */
126164
src: local('PT Mono'), local('PTMono-Regular'),
127-
url('/assets/fonts/PT-Mono/pt-mono-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
128-
url('/assets/fonts/PT-Mono/pt-mono-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
129-
url('/assets/fonts/PT-Mono/pt-mono-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
130-
url('/assets/fonts/PT-Mono/pt-mono-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
131-
url('/assets/fonts/PT-Mono/pt-mono-v7-latin-regular.svg#PTMono') format('svg'); /* Legacy iOS */
165+
url('~@/assets/fonts/PT-Mono/pt-mono-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
166+
url('~@/assets/fonts/PT-Mono/pt-mono-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
167+
url('~@/assets/fonts/PT-Mono/pt-mono-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
168+
url('~@/assets/fonts/PT-Mono/pt-mono-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
169+
url('~@/assets/fonts/PT-Mono/pt-mono-v7-latin-regular.svg#PTMono') format('svg'); /* Legacy iOS */
132170
}
133171

‎src/components/MewSelect/MewSelect.vue

+65-67
Original file line numberDiff line numberDiff line change
@@ -1,73 +1,71 @@
11
<template>
2-
<div>
3-
<v-select
4-
height="62"
5-
class="mew-select"
6-
color="basic"
7-
append-icon="mdi-chevron-down"
8-
:disabled="disabled"
9-
:items="selectItems"
10-
item-text="name"
11-
item-value="value"
12-
:label="label"
13-
v-model="selectModel"
14-
return-object
15-
:menu-props="{ bottom: true, offsetY: true}"
16-
outlined
2+
<v-select
3+
height="62"
4+
class="mew-select"
5+
color="basic"
6+
append-icon="mdi-chevron-down"
7+
:disabled="disabled"
8+
:items="selectItems"
9+
item-text="name"
10+
item-value="value"
11+
:label="label"
12+
v-model="selectModel"
13+
return-object
14+
:menu-props="{ bottom: true, offsetY: true}"
15+
outlined
16+
>
17+
<template v-slot:prepend-item>
18+
<v-text-field
19+
v-if="hasFilter"
20+
height="35"
21+
class="px-2 mew-select-search d-flex align-center"
22+
color="disabled"
23+
:placeholder="filterPlaceholder"
24+
v-model="search"
25+
flat
26+
solo
27+
dense
28+
hide-details
29+
prepend-inner-icon="mdi-magnify"
30+
/>
31+
</template>
32+
<template
33+
v-slot:selection="{ item }"
1734
>
18-
<template v-slot:prepend-item>
19-
<v-text-field
20-
v-if="hasFilter"
21-
height="35"
22-
class="px-2 mew-select-search d-flex align-center"
23-
color="disabled"
24-
:placeholder="filterPlaceholder"
25-
v-model="search"
26-
flat
27-
solo
28-
dense
29-
hide-details
30-
prepend-inner-icon="mdi-magnify"
35+
<div class="d-flex align-center justify-center">
36+
<v-img
37+
v-if="item.img"
38+
class="item-img selected-img"
39+
:src="item.img"
40+
:alt="item.name ? item.name : item"
41+
:contain="true"
42+
max-width="25"
43+
max-height="25"
3144
/>
32-
</template>
33-
<template
34-
v-slot:selection="{ item }"
35-
>
36-
<div class="d-flex align-center justify-center">
37-
<v-img
38-
v-if="item.img"
39-
class="item-img selected-img"
40-
:src="item.img"
41-
:alt="item.name ? item.name : item"
42-
:contain="true"
43-
max-width="25"
44-
max-height="25"
45-
/>
46-
<span class="text-capitalize mt-1">{{ item.name ? item.name : item }} <span
47-
v-if="item.subtext"
48-
class="searchText--text text-capitalize"
49-
>- {{ item.subtext }}</span></span>
50-
</div>
51-
</template>
52-
<template v-slot:item="data">
53-
<div class="d-flex align-center justify-center">
54-
<v-img
55-
class="item-img"
56-
v-if="data.item.img"
57-
:src="data.item.img"
58-
:alt="data.item.img"
59-
:contain="true"
60-
max-width="25"
61-
max-height="25"
62-
/>
63-
<span class="text-capitalize pl-1 mt-1">{{ data.item.name ? data.item.name : data.item }} <span
64-
v-if="data.item.subtext"
65-
class="textSecondary--text text-capitalize"
66-
>- {{ data.item.subtext }}</span></span>
67-
</div>
68-
</template>
69-
</v-select>
70-
</div>
45+
<span class="text-capitalize mt-1">{{ item.name ? item.name : item }} <span
46+
v-if="item.subtext"
47+
class="searchText--text text-capitalize"
48+
>- {{ item.subtext }}</span></span>
49+
</div>
50+
</template>
51+
<template v-slot:item="data">
52+
<div class="d-flex align-center justify-center">
53+
<v-img
54+
class="item-img"
55+
v-if="data.item.img"
56+
:src="data.item.img"
57+
:alt="data.item.img"
58+
:contain="true"
59+
max-width="25"
60+
max-height="25"
61+
/>
62+
<span class="text-capitalize pl-1 mt-1">{{ data.item.name ? data.item.name : data.item }} <span
63+
v-if="data.item.subtext"
64+
class="textSecondary--text text-capitalize"
65+
>- {{ data.item.subtext }}</span></span>
66+
</div>
67+
</template>
68+
</v-select>
7169
</template>
7270

7371
<script>

0 commit comments

Comments
 (0)
Please sign in to comment.