mirror of
https://forgejo.merr.is/annika/isl-vue3.git
synced 2025-12-11 10:56:31 -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">
|
<meta charset="UTF-8">
|
||||||
<link rel="icon" href="/favicon.ico">
|
<link rel="icon" href="/favicon.ico">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Vite App</title>
|
<title>Isekai: Slow Life - Calculator</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@
|
||||||
},
|
},
|
||||||
"ddd29671-ca7f-4132-8784-80346e154059": {
|
"ddd29671-ca7f-4132-8784-80346e154059": {
|
||||||
"iconURL": "",
|
"iconURL": "",
|
||||||
"itemName": "Blessing Power Cachapon",
|
"itemName": "Blessing Power Gachapon",
|
||||||
"minItemPower": 10,
|
"minItemPower": 10,
|
||||||
"maxItemPower": 30
|
"maxItemPower": 30
|
||||||
},
|
},
|
||||||
|
|
@ -62,7 +62,7 @@
|
||||||
"e2472929-1218-4cd6-a73b-b783c17bbc31": {
|
"e2472929-1218-4cd6-a73b-b783c17bbc31": {
|
||||||
"iconURL": "",
|
"iconURL": "",
|
||||||
"itemName": "Flaming Lion",
|
"itemName": "Flaming Lion",
|
||||||
"minItemPower": -1,
|
"minItemPower": 14,
|
||||||
"maxItemPower": 0
|
"maxItemPower": 48
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
10
src/App.vue
10
src/App.vue
|
|
@ -6,6 +6,16 @@ import GlobalHeader from '@/components/GlobalHeader.vue'
|
||||||
<template>
|
<template>
|
||||||
<v-app>
|
<v-app>
|
||||||
<GlobalHeader />
|
<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>
|
<v-main>
|
||||||
<RouterView />
|
<RouterView />
|
||||||
</v-main>
|
</v-main>
|
||||||
|
|
|
||||||
|
|
@ -1,85 +1,5 @@
|
||||||
/* color palette from <https://github.com/vuejs/theme> */
|
body {
|
||||||
: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 {
|
|
||||||
min-height: 100vh;
|
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;
|
text-rendering: optimizeLegibility;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@ const { specialBlessingItems, specialBlessingItemsMinTotal, specialBlessingItems
|
||||||
<template>
|
<template>
|
||||||
<v-card fluid>
|
<v-card fluid>
|
||||||
<v-card-title>Special Items</v-card-title>
|
<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-card-item>
|
||||||
<v-table density="compact">
|
<v-table density="compact">
|
||||||
<thead>
|
<thead>
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@ const { specialFellowItems, specialFellowItemsMinTotal, specialFellowItemsMaxTot
|
||||||
<template>
|
<template>
|
||||||
<v-card fluid>
|
<v-card fluid>
|
||||||
<v-card-title>Special Items</v-card-title>
|
<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-card-item>
|
||||||
<v-table density="compact">
|
<v-table density="compact">
|
||||||
<thead>
|
<thead>
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@ import SummaryCard from '@/components/BlessingPower/SummaryCard.vue'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<v-container>
|
<v-container fluid>
|
||||||
<v-row justify="center">
|
<v-row justify="center">
|
||||||
<v-col><StandardItemsCard /></v-col>
|
<v-col><StandardItemsCard /></v-col>
|
||||||
<v-col><SpecialItemsCard /></v-col>
|
<v-col><SpecialItemsCard /></v-col>
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@ import SummaryCard from '@/components/FellowPower/SummaryCard.vue'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<v-container>
|
<v-container fluid>
|
||||||
<v-row justify="center">
|
<v-row justify="center">
|
||||||
<v-col><StandardItemsCard /></v-col>
|
<v-col><StandardItemsCard /></v-col>
|
||||||
<v-col><SpecialItemsCard /></v-col>
|
<v-col><SpecialItemsCard /></v-col>
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,10 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { RouterLink } from 'vue-router';
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<main>
|
<main>
|
||||||
<RouterLink :to="{ name: 'blessing-power' }">
|
<v-sheet>
|
||||||
<v-btn>Blessing Power</v-btn>
|
Click one of the links to the left.
|
||||||
</RouterLink>
|
</v-sheet>
|
||||||
</main>
|
</main>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue