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 {
-        flex-direction: row;
-        border: none;
-        margin-left: 25vw;
-    }
-}
+@media screen and (max-width: 1300px) {}
+
+/* #wrapper {
+    flex-direction: row;
+    border: none;
+    margin-left: 25vw;
+} */
 </style>