readd version-container

JovannMC · Apr 23, 2024 · 264e1bf · 264e1bf
1 parent e32d43a
commit 264e1bf
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 20 deletions.
diff --git a/src/static/css/index.css b/src/static/css/index.css
@@ -22545,24 +22545,32 @@ br {
  position: relative;
 }
 
+.version-container {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-left: 8px;
+ margin-top: 24px;
+}
+
 .name-container {
+ position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
- position: relative;
  z-index: 1;
 }
 
 .logo-container {
+ position: absolute;
+ left: 0;
+ width: 72px;
+ height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
- width: 72px;
- height: 72px;
- position: absolute;
- left: 0;
 }
 
 .logo-container img {
@@ -22571,11 +22579,11 @@ br {
 }
 
 .language-container {
+ position: absolute;
+ right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
- position: absolute;
- right: 0;
 }
 
 /*

diff --git a/src/static/css/index.css.map b/src/static/css/index.css.map
diff --git a/src/static/css/index.scss b/src/static/css/index.scss
@@ -121,24 +121,32 @@ br {
  position: relative;
 }
 
+.version-container {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-left: 8px;
+ margin-top: 24px;
+}
+
 .name-container {
+ position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
- position: relative;
  z-index: 1;
 }
 
 .logo-container {
+ position: absolute;
+ left: 0;
+ width: 72px;
+ height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
- width: 72px;
- height: 72px;
- position: absolute;
- left: 0;
 }
 
 .logo-container img {
@@ -147,15 +155,13 @@ br {
 }
 
 .language-container {
+ position: absolute;
+ right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
- position: absolute;
- right: 0;
 }
 
-
-
 /*
  * Device info
 */

diff --git a/src/static/html/index.html b/src/static/html/index.html
@@ -20,13 +20,17 @@
  <div class="name-container">
  <div class="title-container">
  <h1
- class="title is-2 has-text-centered is-centered"
- id="app-name"
+ class="title is-1 has-text-centered is-centered"
  >
- SlimeTora v<span id="version">0.0.0</span>
+ SlimeTora
  </h1>
  </div>
  </div>
+ <div class="version-container">
+ <p class="subtitle">
+ v<span id="version">0.0.0</span>
+ </p>
+ </div>
  <!-- Language container -->
  <div class="language-container">
  <div class="control has-icons-left">