dtomlinson/anno-production-chain-renderer
1
0
Fork 0
mirror of https://github.com/dtomlinson91/anno-production-chain-renderer.git synced 2025-12-22 06:15: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 flat
bordered bordered
square square
:class="[getColWidth, 'bg-grey-3', '', 'border']" :class="['bg-grey-3', 'q-ma-sm', 'border', 'col-2', 'text-center']"
> >
<q-card-section> <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 }} {{ title }}
</div> </div>
</q-card-section> </q-card-section>
@@ -36,6 +36,6 @@ const getColWidth = computed(() => {
} }
.big-font { .big-font {
font-size: 1.5rem; font-size: 2.2rem;
} }
</style> </style>

2
src/components/DiagramRenderer.vue
View File

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

7
src/components/ProductionChain.vue
View File

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