Basic implementation for files app

2022-05-06 23:01:23 +02:00
parent 8abb6d0372
commit 5aa3c495ae
54 changed files with 2381 additions and 94 deletions
--- a/web-container/src/main/resources/static/css/main.css
+++ b/web-container/src/main/resources/static/css/main.css
@@ -0,0 +1,95 @@
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../font/SourceCodePro_Regular_400.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(../font/SourceCodePro_Bold_600.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../font/Material_Icons.woff2) format('woff2');
+}
+
+.icon {
+    font-family: 'Material Icons';
+    vertical-align: middle;
+}
+
+body {
+    color: var(--text-color);
+    background-color: var(--background-color);
+    font-family: 'Source Code Pro', monospace;
+}
+
+* {
+    font-family: 'Source Code Pro', monospace;
+}
+
+a {
+    color: var(--link-color);
+}
+
+tr:hover {
+    background-color: var(--hover-color);
+}
+
+#footer-container {
+    margin-top: 1em;
+}
+#footer-container > hr,
+#footer-container > div {
+    display: block;
+}
+#footer-container > hr {
+    width: 100%;
+}
+#footer-container > div {
+    text-align: center;
+    font-size: 0.9em;
+}
+.errorMessage {
+    color: var(--error-color);
+}
+
+.menu-entry {
+    display: inline;
+    padding-right: 6em;
+}
+
+#main-container {
+    display: flex;
+    flex-direction: column;
+    padding-left: 3em;
+    padding-right: 3em;
+    padding-top: 3em;
+    padding-bottom: 3em;
+}
+
+@media only screen and (max-width: 450px) {
+    .no-mobile {
+        display: none;
+    }
+
+    #main-container {
+        padding-left: 1em;
+        padding-right: 1em;
+        padding-top: 1em;
+        padding-bottom: 1em;
+    }
+
+    .menu-entry {
+        display: inline;
+        padding-right: 1em;
+    }
+}