Browse Source

some icons

master
Ben Stähli 3 years ago
parent
commit
6a055661d0
  1. BIN
      public/definitionals/1.png
  2. BIN
      public/definitionals/2.png
  3. BIN
      public/definitionals/3.png
  4. BIN
      public/definitionals/4.png
  5. BIN
      public/definitionals/5.png
  6. 38
      src/views/DefinitionalFrameworks.vue

BIN
public/definitionals/1.png

After

Width: 354  |  Height: 352  |  Size: 22 KiB

BIN
public/definitionals/2.png

After

Width: 345  |  Height: 346  |  Size: 26 KiB

BIN
public/definitionals/3.png

After

Width: 342  |  Height: 343  |  Size: 97 KiB

BIN
public/definitionals/4.png

After

Width: 347  |  Height: 349  |  Size: 25 KiB

BIN
public/definitionals/5.png

After

Width: 353  |  Height: 354  |  Size: 11 KiB

38
src/views/DefinitionalFrameworks.vue

@ -31,7 +31,12 @@
v-for="(item, i) in alphabetFiltered"
:key="i"
>
<div slot="header"><strong>{{ item.name }}</strong></div>
<div slot="header">
<strong>{{ item.name }}</strong>
<img class="expansion-panel__img"
:src="`definitionals/${item.topic}.png`"
/>
</div>
<v-card>
<v-card-text>
@ -54,7 +59,22 @@
:items="topicSelectItems"
v-model="topicSelect"
label="Filter"
></v-select>
>
<template slot="selection" slot-scope="data">
{{ data.item.text }}
<img v-if="data.item.value>0" class="expansion-panel__img"
:src="`definitionals/${data.item.value}.png`"
/>
</template>
<template slot="item" slot-scope="data">
{{ data.item.text }}
<img v-if="data.item.value>0" class="expansion-panel__img"
:src="`definitionals/${data.item.value}.png`"
/>
</template>
</v-select>
</v-card>
</v-flex>
</v-layout>
@ -65,7 +85,12 @@
v-for="(item, i) in topicFiltered"
:key="i"
>
<div slot="header"><strong>{{ item.name }}</strong></div>
<div slot="header">
<strong>{{ item.name }}</strong>
<img class="expansion-panel__img"
:src="`definitionals/${item.topic}.png`"
/>
</div>
<v-card>
<v-card-text>
@ -175,6 +200,13 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="sass">
.v-expansion-panel__header div
vertical-align: middle
.expansion-panel__img
max-width: 25px
vertical-align: middle
margin-left: 10px
.alphabet-filter
margin-left: -5px
.alphabet-filter__link

Loading…
Cancel
Save