mirror of
https://forgejo.merr.is/annika/isl-vue3.git
synced 2025-12-10 12:04:19 -05:00
Added Dockerfile and some fixed some bugs
This commit is contained in:
parent
a8d677c34e
commit
0f37f195a9
11 changed files with 59 additions and 93 deletions
3
Dockerfile
Normal file
3
Dockerfile
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
FROM nginx:stable-alpine
|
||||
COPY docker/nginx.conf /etc/nginx/nginx.conf
|
||||
COPY ./dist /usr/share/nginx/html
|
||||
34
docker/nginx.conf
Normal file
34
docker/nginx.conf
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
# Ref: https://cli.vuejs.org/guide/deployment.html#docker-nginx
|
||||
|
||||
user nginx;
|
||||
worker_processes 1;
|
||||
error_log /var/log/nginx/error.log warn;
|
||||
pid /var/run/nginx.pid;
|
||||
events {
|
||||
worker_connections 1024;
|
||||
}
|
||||
http {
|
||||
include /etc/nginx/mime.types;
|
||||
default_type application/octet-stream;
|
||||
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
|
||||
'$status $body_bytes_sent "$http_referer" '
|
||||
'"$http_user_agent" "$http_x_forwarded_for"';
|
||||
access_log /var/log/nginx/access.log main;
|
||||
sendfile on;
|
||||
keepalive_timeout 65;
|
||||
server {
|
||||
# good practice not to use port 80 inside a container
|
||||
# because container should run as non root and they can't run under port < 1024
|
||||
listen 8080;
|
||||
server_name localhost;
|
||||
location / {
|
||||
root /usr/share/nginx/html;
|
||||
index index.html;
|
||||
try_files $uri $uri/ /index.html;
|
||||
}
|
||||
error_page 500 502 503 504 /50x.html;
|
||||
location = /50x.html {
|
||||
root /usr/share/nginx/html;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<link rel="icon" href="/favicon.ico">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Vite App</title>
|
||||
<title>Isekai: Slow Life - Calculator</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
},
|
||||
"ddd29671-ca7f-4132-8784-80346e154059": {
|
||||
"iconURL": "",
|
||||
"itemName": "Blessing Power Cachapon",
|
||||
"itemName": "Blessing Power Gachapon",
|
||||
"minItemPower": 10,
|
||||
"maxItemPower": 30
|
||||
},
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
"e2472929-1218-4cd6-a73b-b783c17bbc31": {
|
||||
"iconURL": "",
|
||||
"itemName": "Flaming Lion",
|
||||
"minItemPower": -1,
|
||||
"maxItemPower": 0
|
||||
"minItemPower": 14,
|
||||
"maxItemPower": 48
|
||||
}
|
||||
}
|
||||
10
src/App.vue
10
src/App.vue
|
|
@ -6,6 +6,16 @@ import GlobalHeader from '@/components/GlobalHeader.vue'
|
|||
<template>
|
||||
<v-app>
|
||||
<GlobalHeader />
|
||||
<v-navigation-drawer permanent absolute>
|
||||
<v-list nav dense>
|
||||
<v-list-item :to="{ name: 'blessing-power' }">
|
||||
<v-list-item-title>Blessing Power</v-list-item-title>
|
||||
</v-list-item>
|
||||
<v-list-item :to="{ name: 'fellow-power' }">
|
||||
<v-list-item-title>Fellow Power</v-list-item-title>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</v-navigation-drawer>
|
||||
<v-main>
|
||||
<RouterView />
|
||||
</v-main>
|
||||
|
|
|
|||
|
|
@ -1,85 +1,5 @@
|
|||
/* color palette from <https://github.com/vuejs/theme> */
|
||||
:root {
|
||||
--vt-c-white: #ffffff;
|
||||
--vt-c-white-soft: #f8f8f8;
|
||||
--vt-c-white-mute: #f2f2f2;
|
||||
|
||||
--vt-c-black: #181818;
|
||||
--vt-c-black-soft: #222222;
|
||||
--vt-c-black-mute: #282828;
|
||||
|
||||
--vt-c-indigo: #2c3e50;
|
||||
|
||||
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
|
||||
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
|
||||
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
|
||||
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
|
||||
|
||||
--vt-c-text-light-1: var(--vt-c-indigo);
|
||||
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
|
||||
--vt-c-text-dark-1: var(--vt-c-white);
|
||||
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
|
||||
}
|
||||
|
||||
/* semantic color variables for this project */
|
||||
:root {
|
||||
--color-background: var(--vt-c-white);
|
||||
--color-background-soft: var(--vt-c-white-soft);
|
||||
--color-background-mute: var(--vt-c-white-mute);
|
||||
|
||||
--color-border: var(--vt-c-divider-light-2);
|
||||
--color-border-hover: var(--vt-c-divider-light-1);
|
||||
|
||||
--color-heading: var(--vt-c-text-light-1);
|
||||
--color-text: var(--vt-c-text-light-1);
|
||||
|
||||
--section-gap: 160px;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--color-background: var(--vt-c-black);
|
||||
--color-background-soft: var(--vt-c-black-soft);
|
||||
--color-background-mute: var(--vt-c-black-mute);
|
||||
|
||||
--color-border: var(--vt-c-divider-dark-2);
|
||||
--color-border-hover: var(--vt-c-divider-dark-1);
|
||||
|
||||
--color-heading: var(--vt-c-text-dark-1);
|
||||
--color-text: var(--vt-c-text-dark-2);
|
||||
}
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
body {
|
||||
body {
|
||||
min-height: 100vh;
|
||||
color: var(--color-text);
|
||||
background: var(--color-background);
|
||||
transition:
|
||||
color 0.5s,
|
||||
background-color 0.5s;
|
||||
line-height: 1.6;
|
||||
font-family:
|
||||
Inter,
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Fira Sans',
|
||||
'Droid Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
font-size: 15px;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ const { specialBlessingItems, specialBlessingItemsMinTotal, specialBlessingItems
|
|||
<template>
|
||||
<v-card fluid>
|
||||
<v-card-title>Special Items</v-card-title>
|
||||
<v-card-subtitle>Items that exist all the time</v-card-subtitle>
|
||||
<v-card-subtitle>Items from events</v-card-subtitle>
|
||||
<v-card-item>
|
||||
<v-table density="compact">
|
||||
<thead>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ const { specialFellowItems, specialFellowItemsMinTotal, specialFellowItemsMaxTot
|
|||
<template>
|
||||
<v-card fluid>
|
||||
<v-card-title>Special Items</v-card-title>
|
||||
<v-card-subtitle>Items that exist all the time</v-card-subtitle>
|
||||
<v-card-subtitle>Items from events</v-card-subtitle>
|
||||
<v-card-item>
|
||||
<v-table density="compact">
|
||||
<thead>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ import SummaryCard from '@/components/BlessingPower/SummaryCard.vue'
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<v-container>
|
||||
<v-container fluid>
|
||||
<v-row justify="center">
|
||||
<v-col><StandardItemsCard /></v-col>
|
||||
<v-col><SpecialItemsCard /></v-col>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ import SummaryCard from '@/components/FellowPower/SummaryCard.vue'
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<v-container>
|
||||
<v-container fluid>
|
||||
<v-row justify="center">
|
||||
<v-col><StandardItemsCard /></v-col>
|
||||
<v-col><SpecialItemsCard /></v-col>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,10 @@
|
|||
<script setup lang="ts">
|
||||
import { RouterLink } from 'vue-router';
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<main>
|
||||
<RouterLink :to="{ name: 'blessing-power' }">
|
||||
<v-btn>Blessing Power</v-btn>
|
||||
</RouterLink>
|
||||
<v-sheet>
|
||||
Click one of the links to the left.
|
||||
</v-sheet>
|
||||
</main>
|
||||
</template>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue