From b443c4fd09fb5eb0e8ba8a3c09be4e5dc9c11f63 Mon Sep 17 00:00:00 2001 From: root Date: Tue, 18 Oct 2022 06:52:06 +0200 Subject: [PATCH] Made changes to fit Accord's library style --- .gitignore | 4 ++++ client/Dockerfile | 6 +++--- client/css/post-list-view.styl | 32 +++++++++++++++++++++++++++++--- client/html/home_footer.tpl | 1 - client/html/index.htm | 15 +++++++++++++++ client/html/top_navigation.tpl | 1 + client/img/apple-touch-icon.png | Bin 0 -> 14082 bytes client/img/favicon.png | Bin 1997 -> 15379 bytes docker-compose.yml | 6 +++++- 9 files changed, 57 insertions(+), 8 deletions(-) create mode 100644 client/img/apple-touch-icon.png diff --git a/.gitignore b/.gitignore index b21e3ad..663daf7 100644 --- a/.gitignore +++ b/.gitignore @@ -2,6 +2,10 @@ config.yaml .env +# Data folders +booru_data +sql_data + # Client Development Artifacts */*_modules/ client/public diff --git a/client/Dockerfile b/client/Dockerfile index 3ab0016..b0f6b48 100644 --- a/client/Dockerfile +++ b/client/Dockerfile @@ -1,8 +1,8 @@ -FROM --platform=$BUILDPLATFORM node:lts as builder +FROM node:lts as builder WORKDIR /opt/app COPY package.json package-lock.json ./ -RUN npm install -g npm@lts +RUN npm install -g npm RUN npm install COPY . ./ @@ -12,7 +12,7 @@ ARG CLIENT_BUILD_ARGS="" RUN BASE_URL="__BASEURL__" node build.js --gzip ${CLIENT_BUILD_ARGS} -FROM --platform=$BUILDPLATFORM scratch as approot +FROM scratch as approot COPY docker-start.sh / diff --git a/client/css/post-list-view.styl b/client/css/post-list-view.styl index 0272ee1..4e0a59c 100644 --- a/client/css/post-list-view.styl +++ b/client/css/post-list-view.styl @@ -1,5 +1,33 @@ @import colors +@media (max-width: 50rem) + .post-list + ul + display: block !important + column-width: 10em !important + column-gap: 2vmin !important + + li + min-height: unset !important + height: unset !important + width: 100% !important + margin: 0 0 2vmin 0 !important + + +@media (max-width: 100vh) + .post-list + ul + display: block !important + column-width: 20vh !important + column-gap: 2vmin !important + + li + min-height: unset !important + height: unset !important + width: 100% !important + margin: 0 0 2vmin 0 !important + + .post-list ul list-style-type: none @@ -16,10 +44,8 @@ margin: 0 0.25em 0.5em 0.25em display: inline-block text-align: left - min-width: 10em - width: 12vw &:not(.flexbox-dummy) - min-height: 7.5em + min-height: 10em height: 9vw .thumbnail-wrapper diff --git a/client/html/home_footer.tpl b/client/html/home_footer.tpl index 85e71c9..2f18bea 100644 --- a/client/html/home_footer.tpl +++ b/client/html/home_footer.tpl @@ -1,7 +1,6 @@ diff --git a/client/html/index.htm b/client/html/index.htm index 0072890..2d57090 100644 --- a/client/html/index.htm +++ b/client/html/index.htm @@ -22,6 +22,21 @@ + + + + + + + + + + + + + + +
diff --git a/client/html/top_navigation.tpl b/client/html/top_navigation.tpl index f1af461..5b4e4ba 100644 --- a/client/html/top_navigation.tpl +++ b/client/html/top_navigation.tpl @@ -4,6 +4,7 @@ --><%- ctx.name %>
  • ↩ Return
  • <% for (let item of ctx.items) { %><% if (item.available) { %>