diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..c24a5da --- /dev/null +++ b/Dockerfile @@ -0,0 +1,23 @@ +FROM node:lts-alpine + +# install simple http server for serving static content +RUN npm install -g http-server + +# make the 'app' folder the current working directory +WORKDIR /app + +# copy both 'package.json' and 'package-lock.json' (if available) +COPY package*.json ./ +# build stage +FROM node:lts-alpine as build-stage +WORKDIR /app +COPY package*.json ./ +RUN npm install +COPY . . +RUN npm run build + +# production stage +FROM nginx:stable-alpine as production-stage +COPY --from=build-stage /app/dist /usr/share/nginx/html +EXPOSE 80 +CMD ["nginx", "-g", "daemon off;"] diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..5a0c0a7 --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,15 @@ +version: '3.4' + +services: + explorata: + container_name: explorata + build: . + restart: unless-stopped + ports: + - "8080:8080" + networks: + - ariona + +networks: + ariona: + external: true diff --git a/src/App.vue b/src/App.vue index c40d7ed..9e58434 100644 --- a/src/App.vue +++ b/src/App.vue @@ -63,10 +63,6 @@ h1 { text-align: center; } -#main { - -} - #container { display: flex; height: calc(100vh - 100px); diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue index dafb6c3..87e774e 100644 --- a/src/components/MainMenu.vue +++ b/src/components/MainMenu.vue @@ -30,6 +30,18 @@ export default { overflow-y: scroll; } + +/* Hide scrollbar for Chrome, Safari and Opera */ +#sidebar::-webkit-scrollbar { + display: none; +} + +/* Hide scrollbar for IE, Edge and Firefox */ +#sidebar { + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} + @media screen and (max-width: 800px) { #container { display: flex; diff --git a/src/components/MenuRow.vue b/src/components/MenuRow.vue index 234be17..42e053a 100644 --- a/src/components/MenuRow.vue +++ b/src/components/MenuRow.vue @@ -68,6 +68,7 @@ input[type="button"] { .form-field { display: flex; margin: 10px; + justify-content: space-between; } .menu-row {