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;"]

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

src/App.vue

@@ -63,10 +63,6 @@ h1 {
     text-align: center;
 }
 
-#main {
-    
-}
-
 #container {
     display: flex;
     height: calc(100vh - 100px);

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;

src/components/MenuRow.vue

@@ -68,6 +68,7 @@ input[type="button"] {
 .form-field {
     display: flex;
     margin: 10px;
+    justify-content: space-between;
 }
 
 .menu-row {