fyindr
/
siimee
Obserwuj 4
Gwiazdka 3
Forkuj 1
Kod Pull Requests 1 Wydania 4 Wiki Aktywność
Przeglądaj źródła

:construction: font icons added to project, added to the main nav #TODO replace all mid icons with new icon

pull/62/head
K Rob 3 lat temu
rodzic
5e8d00ff70
commit
51c4282e55
2 zmienionych plików z 24 dodań i 21 usunięć
Widok podzielony Pokaż statystyki zmian
  1. 18
    14
      frontend/index.html
  2. 6
    7
      frontend/src/components/MainNav.vue

+ 18
- 14
frontend/index.html Wyświetl plik 

@@ -1,16 +1,20 @@
1 1 
 <!DOCTYPE html>
2 2 
 <html lang="en">
3 
-    <head>
4 
-        <meta charset="UTF-8" />
5 
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 
-        <title>Vite App</title>
7 
-    </head>
8 
-    <body>
9 
-        <div id="app"></div>
10 
-        <script>
11 
-            // DUMB shim
12 
-            var global = window
13 
-        </script>
14 
-        <script type="module" src="/src/main.js"></script>
15 
-    </body>
16 
-</html>
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8" />
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
+    <link rel="stylesheet" href="style.css">
8 
+    <title>Siimee</title>
9 
+</head>
10 
+
11 
+<body>
12 
+    <div id="app"></div>
13 
+    <script>
14 
+        // DUMB shim
15 
+        var global = window
16 
+    </script>
17 
+    <script type="module" src="/src/main.js"></script>
18 
+</body>
19 
+
20 
+</html>

+ 6
- 7
frontend/src/components/MainNav.vue Wyświetl plik 

@@ -2,28 +2,27 @@
2 2 
 w-toolbar.mt6.py1(bottom fixed)
3 3 
     router-link.w-flex.column(:to='`/`')
4 4 
         w-button.pa8(bg-color='primary')
5 
-            w-icon.mr1(xl) mdi mdi-home
6 
-            //- p.text-upper home queue
5 
+            w-icon.mr1.icon-home(xl)
7 6 
     router-link.w-flex.column(:to='`/pairs`')
8 7 
         w-button.pa8(bg-color='primary')
9 
-            w-icon.mr1(xl) mdi mdi-tooltip-account
8 
+            w-icon.mr1.icon-people(xl)
10 9 
             //- p.text-upper pending matches
11 10 
     router-link.w-flex.column(:to='`/messages`')
12 11 
         w-button.pa8(bg-color='primary')
13 
-            w-icon.mr1(xl) mdi mdi-forum
12 
+            w-icon.mr1.icon-chat(xl)
14 13 
             //- p.text-upper active chats
15 14 
     router-link.w-flex.column(:to='`/onboarding`')
16 15 
         w-button.pa8(bg-color='primary')
17 
-            w-icon.mr1(xl) mdi mdi-account-check
16 
+            w-icon.mr1.icon-area-graph(xl)
18 17 
             //- p.text-upper survey
19 18 
     router-link.w-flex.column(:to='`/settings`')
20 19 
         w-button.pa8(bg-color='primary' disabled)
21 
-            w-icon.mr1(xl) mdi mdi-cog
20 
+            w-icon.mr1.icon-cog(xl)
22 21 
             //- p.text-upper settings
23 22 
 </template>
24 23
25 24 
 <script>
26 
-import '@mdi/font/css/materialdesignicons.min.css'
25 
+// import '@mdi/font/css/materialdesignicons.min.css'
27 26
28 27 
 export default {
29 28 
     name: 'MainNav',

Napisz Podgląd
Ładowanie…
Anuluj
Zapisz