Просмотр исходного кода

:memo: pairsview menu and icon work started #TODO add router navigation to icon images

tags/0.0.2^2
K Rob 3 лет назад
Родитель
Сommit
ca145abbd7
1 измененных файлов: 15 добавлений и 0 удалений
  1. 15
    0
      frontend/src/components/PairsList.vue

+ 15
- 0
frontend/src/components/PairsList.vue Просмотреть файл

15
                 .idCard
15
                 .idCard
16
                     h3 {{ pair.profile.name }} {{ pair.profile.pid }}
16
                     h3 {{ pair.profile.name }} {{ pair.profile.pid }}
17
                     p registered nurse
17
                     p registered nurse
18
+        
19
+        w-button.menu-button(icon="mdi mdi-menu" xl)
18
 
20
 
21
+        w-menu(activator=".menu-button" arrow right) 
22
+            w-image(:src="'../../../assets/icons/chat.svg'" :width="20" :height="20")
23
+            w-image(:src="'../../../assets/icons/calendar.svg'" :width="20" :height="20")
19
     p(v-else) No {{ tabName }} profiles.
24
     p(v-else) No {{ tabName }} profiles.
20
 </template>
25
 </template>
21
 
26
 
30
         default: 'paired',
35
         default: 'paired',
31
     },
36
     },
32
 })
37
 })
38
+
33
 </script>
39
 </script>
34
 
40
 
35
 <style lang="sass">
41
 <style lang="sass">
56
                 font-size: 16px
62
                 font-size: 16px
57
             p
63
             p
58
                 font-size: 14px
64
                 font-size: 14px
65
+        
66
+.w-card__content
67
+    padding: 22px
68
+    min-width: 100px
69
+    display: flex
70
+    justify-content: space-between
71
+    border: none
72
+    background: rgb(17,96,6)
73
+    background: linear-gradient(90deg, rgba(17,96,6,1) 0%, rgba(17,96,6,1) 50%, rgba(3,136,166,1) 50%, rgba(3,136,166,1) 100%)
59
 </style>
74
 </style>

Загрузка…
Отмена
Сохранить