Adds material dark theme

This commit is contained in:
Alicia Sykes
2021-06-02 18:54:57 +01:00
parent 453b162cac
commit f08a4dfbad
3 changed files with 108 additions and 50 deletions

View File

@@ -9,14 +9,14 @@
:style="`--open-icon: ${getUnicodeOpeningIcon()}; ${customStyles}`"
>
<!-- Item Text -->
<div class="tile-title" :id="`tile-${id}`" >
<div :class="`tile-title ${!icon? 'bounce': ''}`" :id="`tile-${id}`" >
<span class="text">{{ title }}</span>
<div class="overflow-dots">...</div>
<p class="description">{{ description }}</p>
</div>
<!-- Item Icon -->
<Icon :icon="icon" :url="url" :size="itemSize" :color="color"
v-bind:style="customStyles" class="icon-container" />
v-bind:style="customStyles" class="bounce" />
<!-- Small icon, showing opening method on hover -->
<ItemOpenMethodIcon class="opening-method-icon" :isSmall="!icon" :openingMethod="target"
:position="itemSize === 'medium'? 'bottom right' : 'top right'"/>