jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Continued migrating UI to vuetify 2

Browse Source
This commit is contained in:
Stefan Zermatten
2021-03-25 12:54:44 +02:00
parent 480da6fc7d
commit fe3fa56541
70 changed files with 218 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/imports/ui/properties/components/attributes/HealthBar.vue
View File

@@ -108,7 +108,7 @@ import IncrementMenu from '/imports/ui/components/IncrementMenu.vue';
margin-right: -50%;
width: 200%;
margin-top: -34px !important;
z-index: 4;
z-index: 7;
position: relative;
}
</style>
@@ -178,6 +178,6 @@ import IncrementMenu from '/imports/ui/components/IncrementMenu.vue';
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.15);
z-index: 3;
z-index: 6;
}
</style>

74
app/imports/ui/properties/components/attributes/ResourceCard.vue
View File

@@ -1,46 +1,48 @@
<template lang="html">
<v-card
class="resource-card layout row"
class="resource-card"
:class="hover ? 'elevation-8': ''"
>
<div class="buttons layout column justify-center pl-3">
<v-btn
icon
small
:disabled="currentValue >= value || context.editPermission === false"
@click="increment(1)"
<v-layout>
<div class="buttons layout column justify-center pl-3">
<v-btn
icon
small
:disabled="currentValue >= value || context.editPermission === false"
@click="increment(1)"
>
<v-icon>arrow_drop_up</v-icon>
</v-btn>
<v-btn
icon
small
:disabled="currentValue <= 0 || context.editPermission === false"
@click="increment(-1)"
>
<v-icon>arrow_drop_down</v-icon>
</v-btn>
</div>
<div
class="layout align-center value pl-2 pr-3"
>
<v-icon>arrow_drop_up</v-icon>
</v-btn>
<v-btn
icon
small
:disabled="currentValue <= 0 || context.editPermission === false"
@click="increment(-1)"
<div class="text-h4">
{{ currentValue }}
</div>
<div class="text-h6 ml-2 max-value">
/{{ value }}
</div>
</div>
<div
class="content layout align-center pr-3"
@click="click"
@mouseover="hover = true"
@mouseleave="hover = false"
>
<v-icon>arrow_drop_down</v-icon>
</v-btn>
</div>
<div
class="layout align-center value pl-2 pr-3"
>
<div class="text-h4">
{{ currentValue }}
<div class="text-truncate ">
{{ name }}
</div>
</div>
<div class="text-h6 ml-2 max-value">
/{{ value }}
</div>
</div>
<div
class="content layout row align-center pr-3"
@click="click"
@mouseover="hover = true"
@mouseleave="hover = false"
>
<div class="text-truncate ">
{{ name }}
</div>
</div>
</v-layout>
</v-card>
</template>

2
app/imports/ui/properties/components/attributes/SpellSlotListTile.vue
View File

@@ -43,7 +43,7 @@
<v-list-item-avatar v-if="!hideCastButton">
<v-btn
icon
flat
text
class="primary--text"
:data-id="`spell-slot-cast-btn-${model._id}`"
@click.stop="$emit('cast')"