removed some old styling and moved the nav items out of the file

17th Website/src/components/ProfilePage/profileHeader.vue

@@ -17,9 +17,7 @@ export default {
 <template>
     <div id="wrapper">
         <div>
-            <profileSubNav link="home" content="Home"></profileSubNav>
-            <profileSubNav link="activityHistory" content="History"></profileSubNav>
-            <profileSubNav link="shadowbox" content="Shadowbox"></profileSubNav>
+
         </div>
         <div id="headerImages">
             <img id="rankImg" src="../icons/misc/test.png" />
@@ -35,7 +33,7 @@ export default {
 </template>
 
 <style>
-#wrapper {
+/* #wrapper {
     position: fixed;
     display: flex;
     flex-direction: column-reverse;
@@ -45,7 +43,7 @@ export default {
     padding-right: 120px;
     border-right: solid;
     border-color: var(--background-secondary);
-}
+} */
 
 #mainInfo h1 {
     margin: 20px 0 10px 0px;
@@ -55,17 +53,17 @@ export default {
     max-width: 200px;
 }
 
-#headerImages {
+/* #headerImages {
     display: flex;
     flex-direction: column;
     align-items: center;
-}
+} */
 
-@media screen and (max-width: 1300px) {
-    #wrapper {
+@media screen and (max-width: 1300px) {}
+
+/* #wrapper {
     flex-direction: row;
     border: none;
     margin-left: 25vw;
-    }
-}
+} */
 </style>

17th Website/src/components/ProfilePage/profileSubNav.vue

@@ -17,7 +17,7 @@ export default {
 
 <template>
     <RouterLink :to="link">
-        <p class="text-white rounded-md my-3 p-2 hover:text-blue transition-all active:ring-1 active:ring-blue"
+        <p class="text-white rounded-md my-0 p-2 hover:text-blue transition-all active:ring-1 active:ring-blue"
             :class="{ active: active }">{{ content }}</p>
         <Icon :icon="iconName"/>
     </RouterLink>