css changes

zjf19002 · Oct 24, 2023 · dedad11 · dedad11
1 parent 860c226
commit dedad11
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/class_registration_app/src/assets/main.css b/class_registration_app/src/assets/main.css
@@ -1,9 +1,9 @@
 @import './base.css';
 
 #app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
+  min-width: 100vw;
+
+  padding: 0rem;
 
   font-weight: normal;
 }
@@ -24,7 +24,7 @@ a,
   }
 }
 
-@media (min-width: 1024px) {
+@media (min-width: 100vw) {
   body {
     display: flex;
     place-items: center;

diff --git a/class_registration_app/src/components/DashBoard.vue b/class_registration_app/src/components/DashBoard.vue
@@ -23,6 +23,10 @@
 
 .dashboard {
     text-align: center;
+    position:absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
 }
 
 h1 {