dtomlinson/anno-production-chain-renderer
1
0
Fork 0
mirror of https://github.com/dtomlinson91/anno-production-chain-renderer.git synced 2025-12-22 14:25:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

add latest

Browse Source
This commit is contained in:
Daniel Tomlinson
2022-09-24 23:04:19 +01:00
parent 39d53e2459
commit af4c812aea
3 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ChainTiers.vue
View File

@@ -3,10 +3,10 @@
flat
bordered
square
:class="[getColWidth, 'bg-grey-3', '', 'border']"
:class="['bg-grey-3', 'q-ma-sm', 'border', 'col-2', 'text-center']"
>
<q-card-section>
<div class="text-subtitle1 text-uppercase text-center big-font">
<div class="text-subtitle1 text-uppercase text-center big-font q-pa-md">
{{ title }}
</div>
</q-card-section>
@@ -36,6 +36,6 @@ const getColWidth = computed(() => {
}
.big-font {
font-size: 1.5rem;
font-size: 2.2rem;
}
</style>

2
src/components/DiagramRenderer.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="row q-gutter-sm q-mt-sm">
<div class="row">
<ChainTiers
v-for="tier in productionChains"
:key="tier.tierName"

7
src/components/ProductionChain.vue
View File

@@ -1,5 +1,6 @@
<template>
<div ref="diagram"></div>
<q-separator inset class="q-mb-sm" />
</template>
<script setup lang="ts">
@@ -31,8 +32,8 @@ watchEffect(() => {
<style lang="scss">
.icon-size {
width: 55px;
height: 55px;
width: 100px;
height: 100px;
}
.ratio-count {
@@ -52,7 +53,7 @@ watchEffect(() => {
}
.electricity-icon {
width: 22px;
width: 30px;
margin-bottom: -5px;
}