cleaned up unused CSS, fixed sizing on rank and tab images

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

@@ -1,5 +1,4 @@
 <script>
-import profileSubNav from './profileSubNav.vue';
 
 export default {
     name: 'profileHeader',
@@ -8,59 +7,26 @@ export default {
             count: 0
         }
     },
-    components: {
-        profileSubNav,
-    }
 }
 </script>
 
 <template>
-    <div id="wrapper" class="flex flex-row xl:flex-col">
+    <div id="wrapper" class="flex flex-row xl:flex-col items-center">
         <div id="headerImages" class="flex flex-col items-center">
-            <img id="rankImg" src="../icons/misc/test.png" />
-            <img id="rangerTab" src="../icons/misc/test.png" class="w-40"/>
+            <img id="rankImg" src="../icons/misc/test.png" class="w-52" />
+            <img id="rangerTab" src="../icons/misc/test.png" class="w-32" />
         </div>
         <div id="mainInfo">
             <h1>Big Name</h1>
             <h2>Rank</h2>
             <h2>Unit</h2>
         </div>
-
     </div>
 </template>
 
 <style>
-/* #wrapper {
-    position: fixed;
-    display: flex;
-    flex-direction: column-reverse;
-    margin-top: 50px;
-    max-width: 400px;
-    min-width: 260px;
-    padding-right: 120px;
-    border-right: solid;
-    border-color: var(--background-secondary);
-} */
 
 #mainInfo h1 {
     margin: 20px 0 10px 0px;
 }
-
-#rankImg {
-    max-width: 200px;
-}
-
-/* #headerImages {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-} */
-
-@media screen and (max-width: 1300px) {}
-
-/* #wrapper {
-    flex-direction: row;
-    border: none;
-    margin-left: 25vw;
-} */
 </style>