edited dashboard a bit

zjf19002 · Nov 8, 2023 · 87c1890 · 87c1890
1 parent cbef5a3
commit 87c1890
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 11 deletions.
diff --git a/class_registration_app/src/assets/2000HuskyLogo.jpeg b/class_registration_app/src/assets/2000HuskyLogo.jpeg
diff --git a/class_registration_app/src/assets/currentLogo.png b/class_registration_app/src/assets/currentLogo.png
diff --git a/class_registration_app/src/assets/main.css b/class_registration_app/src/assets/main.css
@@ -125,14 +125,7 @@ a,
   transform: translateY(-5px);
 }
 
-.homehead{
-  background-color: #000e2f;
-  color: white;
-  font-size: 30px;
-  width: 100vw;
-  text-align: center;
-  padding: 12px;
-}
+
 
 
 .course-list-item {

diff --git a/class_registration_app/src/components/DashBoard.vue b/class_registration_app/src/components/DashBoard.vue
@@ -2,8 +2,12 @@
 </script>
 
 <template>
-    <div class="homehead">
-        UConn&ensp;|&ensp;University of Connecticut
+    <div class="top">
+        <img class="logos" src="../assets/currentLogo.png">
+        <img class="logos" src="https://logos-world.net/wp-content/uploads/2022/01/UConn-Huskies-Logo-1970.png">
+        <h2 class="uconn">UCONN</h2>
+        <img class="logos" src="https://1000logos.net/wp-content/uploads/2017/08/UConn-Huskies-Logo-1959.png">
+        <img class="logos" src="../assets/2000HuskyLogo.jpeg">
      </div>
     <div class="dashboard">
         <div class="head2">
@@ -130,4 +134,37 @@ a{
     right: 10%;
     bottom:30%;
 }
+
+.top {
+    color:navy;
+    font-weight: 100;
+    height: 125px;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    /*border:1px solid #000;*/
+    top: 0;
+    left: 50%;
+    transform: translate(-50%);
+    width: 100vw;
+    text-align: center;
+    background-color: white;
+    color: black;
+    border-bottom: solid 3px black;
+  
+    .uconn{
+        font-size: 100px;
+        float: center;
+        position:relative;
+        line-height: 120%;
+        color: #000e2f;
+        font-family: UConn,Roboto,sans-serif;
+        letter-spacing: 3px;
+        overflow: hidden;
+        text-transform: uppercase;
+        text-rendering: geometricPrecision;
+        -webkit-font-smoothing: antialiased;
+        padding-right: 0;
+    }
+  }
 </style>
diff --git a/class_registration_app/src/components/StartUp.vue b/class_registration_app/src/components/StartUp.vue
@@ -175,7 +175,7 @@ a{
     color:navy;
     font-weight: 100;
     height: 125px;
-    position: fixed;
+    position: relative;
     display: flex;
     justify-content: center;
     /*border:1px solid #000;*/