Update Dockerfile

This commit is contained in:
Shiny Nematoda 2022-08-06 10:55:50 +00:00
parent 6f4466a6fb
commit 60167e45a7
No known key found for this signature in database
GPG key ID: 6506D50F5613A42D
3 changed files with 16 additions and 5 deletions

View file

@ -1,9 +1,16 @@
FROM node:alpine AS build FROM node:alpine AS build
ARG api
ARG pipedapi
WORKDIR /app/ WORKDIR /app/
COPY . . COPY . .
RUN sed -i "s/hyperpipeapi.onrender.com/$api/g" src/scripts/fetch.js src/components/Prefs.vue
RUN sed -i "s/pipedapi.kavin.rocks/$pipedapi/g" src/scripts/fetch.js src/components/Prefs.vue
RUN npm install && \ RUN npm install && \
npm run build npm run build

View file

@ -3,7 +3,11 @@ version: '3'
services: services:
hyperpipe-frontend: hyperpipe-frontend:
image: hyperpipe-frontend image: hyperpipe-frontend
build: . build:
context: .
args:
pipedapi: pipedapi.kavin.rocks
api: hyperpipeapi.onrender.com
container_name: hyperpipe-frontend container_name: hyperpipe-frontend
restart: unless-stopped restart: unless-stopped
ports: ports:

View file

@ -327,7 +327,10 @@ onMounted(() => {
</template> </template>
<header v-if="!artist.state.title"> <header v-if="!artist.state.title">
<div v-show="data.state.art" class="art bg-img"></div> <div
v-show="data.state.art"
class="art bg-img"
:style="'--art: url(' + data.state.art + ')'"></div>
<div class="wrapper"> <div class="wrapper">
<NowPlaying @get-artist="getArtist" /> <NowPlaying @get-artist="getArtist" />
@ -400,9 +403,6 @@ header {
height: 175px; height: 175px;
width: 175px; width: 175px;
} }
.bg-img {
--art: v-bind('"url(" + data.state.art + ")"');
}
img, img,
.card, .card,
.card-bg { .card-bg {