Sfoglia il codice sorgente

:art: added responsive row and column with wrap for ProfileCardList

tags/0.0.3^2
K Rob 3 anni fa
parent
commit
c84fd55605

+ 17
- 0
frontend/src/components/ProfileCardList.vue Vedi File

65
 
65
 
66
 .more-results
66
 .more-results
67
     margin-bottom: 2em
67
     margin-bottom: 2em
68
+
69
+@media (min-width: $tablet) 
70
+    section.profile-card-list.xs12.w-flex > article
71
+        display: flex
72
+        flex-wrap: wrap
73
+        flex-direction: row
74
+    
75
+
76
+
77
+@media (max-width: $tablet) 
78
+    section.profile-card-list.xs12.w-flex > article
79
+        display: flex
80
+        flex-wrap: wrap
81
+        flex-direction: column
82
+    
83
+
84
+
68
 </style>
85
 </style>

+ 1
- 1
frontend/src/views/HomeView.vue Vedi File

1
 <template lang="pug">
1
 <template lang="pug">
2
 main.view--home
2
 main.view--home
3
     p {{ cP._profile.user_name }}
3
     p {{ cP._profile.user_name }}
4
-    article.w-flex.column.align-center
4
+    article.w-flex.sm-column.md-row.align-center
5
         template(v-if='isLoading')
5
         template(v-if='isLoading')
6
             w-spinner(bounce)
6
             w-spinner(bounce)
7
 
7
 

Loading…
Annulla
Salva