annika/isl-vue3
1
0
Fork 0
mirror of https://forgejo.merr.is/annika/isl-vue3.git synced 2025-12-16 05:51:01 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Lots of CSS fixing and added new items

Browse source
This commit is contained in:
Annika Merris 2024-01-21 12:18:57 -05:00
parent 0f37f195a9
commit 599d44a86b
27 changed files with 1211 additions and 389 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/views/BlessingPowerView.vue
View file

@ -5,22 +5,16 @@ import SummaryCard from '@/components/BlessingPower/SummaryCard.vue'
</script>
<template>
<v-container fluid>
<v-row justify="center">
<v-col><StandardItemsCard /></v-col>
<v-col><SpecialItemsCard /></v-col>
</v-row>
<v-row justify="center">
<v-col cols="6">
<SummaryCard />
</v-col>
</v-row>
</v-container>
<v-sheet class="d-flex flex-wrap flex-fill">
<StandardItemsCard class="ma-2 align-self-start" />
<SpecialItemsCard class="ma-2 align-self-start" />
<SummaryCard class="ma-2 align-self-start" />
</v-sheet>
</template>
<style lang="scss" scoped>
@use "@/styles/settings.scss";
@use '@/styles/settings.scss';
:deep(tbody) tr:nth-of-type(even) {
background-color: map-get(settings.$purple, "lighten-5");
background-color: rgba(var(--v-theme-primary-darken-1), 0.25);
}
</style>

18
src/views/FellowPowerView.vue
View file

@ -5,22 +5,16 @@ import SummaryCard from '@/components/FellowPower/SummaryCard.vue'
</script>
<template>
<v-container fluid>
<v-row justify="center">
<v-col><StandardItemsCard /></v-col>
<v-col><SpecialItemsCard /></v-col>
</v-row>
<v-row justify="center">
<v-col cols="6">
<SummaryCard />
</v-col>
</v-row>
</v-container>
<v-sheet class="d-flex flex-wrap flex-fill">
<StandardItemsCard class="ma-2 align-self-start"/>
<SpecialItemsCard class="ma-2 align-self-start"/>
<SummaryCard class="ma-2 align-self-start" />
</v-sheet>
</template>
<style lang="scss" scoped>
@use "@/styles/settings.scss";
:deep(tbody) tr:nth-of-type(even) {
background-color: map-get(settings.$purple, "lighten-5");
background-color: rgba(var(--v-theme-primary-darken-1), 0.25);
}
</style>

93
src/views/HomeView.vue
View file

@ -1,10 +1,91 @@
<script setup lang="ts">
</script>
<script setup lang="ts"></script>
<template>
<main>
<v-sheet>
Click one of the links to the left.
<v-sheet class="flex-fill pa-2">
<h1 class="pa-2">ISL Item Value Calculator</h1>
<v-sheet :elevation="1" class="ma-2 my-4">
<h2>How to Use</h2>
<p>
Select the type of items you want to add up from the menu, then add how many of each item
you have under the "owned" column. Totals will automatically be calculated for you as you
update. This also attempts to save your values in your browser automatically.
</p>
</v-sheet>
</main>
<v-sheet :elevation="1" class="ma-2 my-4">
<h2>Missing Features</h2>
<v-list>
<v-list-item>
<v-list-item-title>Syncing</v-list-item-title>
<v-list-item-subtitle>
Currently all data is stored in your browser and cannot be moved to another device
easily.
</v-list-item-subtitle>
</v-list-item>
<v-list-item>
<v-list-item-title>Refreshing Data</v-list-item-title>
<v-list-item-subtitle>
The list of available items is only loaded when you first access the page. If they are
updated, you will need to manually refresh in order to fetch new items.
</v-list-item-subtitle>
</v-list-item>
<v-list-item>
<v-list-item-title>Missing Data</v-list-item-title>
<v-list-item-subtitle>
Some items may be missing! I'll figure out what to put to contact me with fixes soon!
</v-list-item-subtitle>
</v-list-item>
<v-list-item>
<v-list-item-title>Missing Icons</v-list-item-title>
<v-list-item-subtitle>
I'd love to add icons for everything
</v-list-item-subtitle>
</v-list-item>
<v-list-item>
<v-list-item-title>Sorting and Grouping</v-list-item-title>
<v-list-item-subtitle>
More grouping and sorting options will be added as I figure out how.
</v-list-item-subtitle>
</v-list-item>
</v-list>
</v-sheet>
<v-sheet :elevation="1" class="ma-2 my-4">
<h2>Changelog</h2>
<v-list lines="two">
<v-list-item>
<v-list-item-title>2024-01-16</v-list-item-title>
<v-list-item-subtitle>
<p>The inital build, looked like hell, but mostly worked</p>
</v-list-item-subtitle>
</v-list-item>
<v-list-item>
<v-list-item-title>2024-01-17</v-list-item-title>
<v-list-item-subtitle>
<p>Cleaned up my build process a bit, and fixed a few bugs</p>
</v-list-item-subtitle>
</v-list-item>
<v-list-item>
<v-list-item-title>2024-01-20</v-list-item-title>
<v-list-item-subtitle>
<p>First pass that I'm comfortable letting other people see</p>
</v-list-item-subtitle>
</v-list-item>
<v-list-item>
<v-list-item-title>2024-01-21</v-list-item-title>
<v-list-item-subtitle>
<p>Added text to the landing page</p>
<p>Cleaned up some styling across the site</p>
<p>Added a default sort to all of the tables</p>
</v-list-item-subtitle>
</v-list-item>
</v-list>
</v-sheet>
<v-sheet :elevation="1" class="ma-2 my-4">
<h2>Thanks</h2>
<p>
Special thanks to <span class="font-weight-bold">@marstache</span> from
<span class="font-weight-bold">S-183</span> for sharing his version of this in Google Sheets
and inspiring me to create this.
</p>
</v-sheet>
</v-sheet>
</template>

20
src/views/IntimacyPowerView.vue Normal file
View file

@ -0,0 +1,20 @@
<script setup lang="ts">
import SpecialItemsCard from '@/components/IntimacyPower/SpecialItemsCard.vue'
import StandardItemsCard from '@/components/IntimacyPower/StandardItemsCard.vue'
import SummaryCard from '@/components/IntimacyPower/SummaryCard.vue'
</script>
<template>
<v-sheet class="d-flex flex-wrap flex-fill">
<StandardItemsCard class="ma-2 align-self-start"/>
<SpecialItemsCard class="ma-2 align-self-start"/>
<SummaryCard class="ma-2 align-self-start" />
</v-sheet>
</template>
<style lang="scss" scoped>
@use "@/styles/settings.scss";
:deep(tbody) tr:nth-of-type(even) {
background-color: rgba(var(--v-theme-primary-darken-1), 0.25);
}
</style>