fyindr
/
siimee
Suivre 4
Ajouter aux favoris 3
Bifurcation 1
Code Demandes d'ajout 1 Versions 4 Wiki Activité
Parcourir la source

:recycle: moved top nav into App.vue | small styling additions

tags/0.0.1^2
juancarbajal98 il y a 3 ans
Parent
e8d9dd5fb3
révision
4b9165859e
4 fichiers modifiés avec 11 ajouts et 43 suppressions
Vue séparée Afficher les stats Diff
  1. 1
    1
      frontend/index.html
  2. 8
    27
      frontend/src/App.vue
  3. 1
    4
      frontend/src/components/ProfileCardList.vue
  4. 1
    11
      frontend/src/views/HomeView.vue

+ 1
- 1
frontend/index.html Voir le fichier 

@@ -6,7 +6,7 @@
6 6 
         <title>Vite App</title>
7 7 
     </head>
8 8 
     <body>
9 
-        <div id="app"></div>
9 
+        <div id="app" style="width:90%;margin:5%;"></div>
10 10 
         <script>
11 11 
             // DUMB shim
12 12 
             var global = window

+ 8
- 27
frontend/src/App.vue Voir le fichier 

@@ -1,31 +1,12 @@
1 1 
 <template lang="pug">
2 
-w-app(style="margin:12px;")
3 
-    //- w-drawer(v-model="openDrawer")
4 
-    //- w-flex.my12(:gap="3" align-center wrap)
5 
-    //-     w-button.ma1(@click="$waveui.notify('Information.')" bg-color="info") Notify info
6 
-    //-     w-button.ma1(@click="$waveui.notify('Success!', 'success')" bg-color="success") Notify success
7 
-    //-     w-button.ma1(@click="$waveui.notify('Warning!', 'warning')" bg-color="warning") Notify warning
8 
-    //-     w-button.ma1(@click="$waveui.notify('Error :(', 'error', 0)" bg-color="error") Permanent error
9 
-    //- w-flex.my12(align-center wrap)
10 
-    //-     w-spinner(bounce)
11 
-    //-     w-input Label
12 
-    //-     w-checkbox Single option
13 
-    //- w-flex.my12
14 
-    //-     w-button(@click="openDrawer = true" outline="")
15 
-    //-         | Open drawer
16 
-    //- w-flex.my12(grow column)
17 
-    //-     w-slider(:model-value="40" thumb-label step-label :step="20" color="primary-light3").mt12
18 
-    //-     .mt4 v-model:
19 
-    //-         code.ml1 {{ sliderVal }}
20 
-    //- w-flex.my12(:gap="3" align-center wrap)
21 
-    //-     | Show menu on:
22 
-    //-     w-menu
23 
-    //-         template(#activator="{ on }")
24 
-    //-             w-button(v-on="on") Show menu
25 
-    //-         | Menu content
26 
-    //-     w-badge.mr10(bg-color="error")
27 
-    //-         template(#badge) 3
28 
-    //-         w-icon(color="grey-light1" size="2.5em") mdi mdi-email
2 
+w-app
3 
+    div.nav(style="display: flex; justify-content: space-between;")
4 
+        header
5 
+            h2 home - profile: {{ getPid }}
6 
+        w-drawer(v-model="openDrawer")
7 
+            h2 content
8 
+        w-button(@click="openDrawer = true" outline="")
9 
+            | Active Chats
29 10 
     SideBar(
30 11 
         v-if="showSidebar"
31 12 
         :pid="getPid"

+ 1
- 4
frontend/src/components/ProfileCardList.vue Voir le fichier 

@@ -1,5 +1,5 @@
1 1 
 <template lang="pug">
2 
-section.profile-card-list(:style="{'display': 'flex'}")
2 
+section.profile-card-list(:style="{'display': 'flex', 'overflow':'auto',}")
3 3 
     .swipe(
4 4 
         v-if="!isGrid"
5 5 
         :config="config"
 
@@ -9,9 +9,6 @@ section.profile-card-list(:style="{'display': 'flex'}")
9 9 
         :style="{ 'z-index': 1000-i }"
10 10 
     )
11 11
12 
-        //- .card.randomize(
13 
-        //-     :style="{ 'background-image': `url(${profile.avatar})`, 'top': `${randomize(10)}px`, 'right': `${randomize(20)}px`, 'transform': `rotate(${randomize(7)}deg)` }"
14 
-        //- )
15 12 
         w-card.card.randomize(
16 13 
             :image="`${profile.avatar}`"
17 14 
             :style="{'top': `${randomize(10)}px`, 'right': `${randomize(20)}px`, 'transform': `rotate(${randomize(7)}deg)`}"

+ 1
- 11
frontend/src/views/HomeView.vue Voir le fichier 

@@ -1,12 +1,5 @@
1 1 
 <template lang="pug">
2 
-main.view--home(style="display:flex; flex-direction:column; gap: 40px")
3 
-    div.view--nav(style="display: flex; justify-content: space-between;")
4 
-        header
5 
-            h2 home - profile: {{ pid }}
6 
-        w-drawer(v-model="openDrawer")
7 
-        w-button(@click="openDrawer = true" outline="")
8 
-            | Active Chats
9 
-
2 
+main.view--home(style="display:flex; flex-direction:column; gap: 40px; margin-top: 1em;")
10 3 
     h2 Match Queue
11 4 
     article(v-if="cards.length && !loading")
12 5 
         ProfileCardList(:profiles="cards" :pid="pid" @reload="getCards")
 
@@ -62,9 +55,6 @@ export default {
62 55 
     name: 'HomeView',
63 56 
     components: { ProfileCardList },
64 57 
     mixins: [mixins.pidMixin, mixins.cardMixin],
65 
-    data: () => ({
66 
-        openDrawer: false,
67 
-    }),
68 58 
     methods: {
69 59 
         /** Gets called from cardMixin */
70 60 
         async getCards() {

Écrire Aperçu
Chargement…
Annuler
Enregistrer