17th-Ranger-Battalion-ORG/17th-Site-Front-End-V2
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
ajdj100
2023-10-10 02:09:21 -04:00
parent a6b6ed2cc0
commit b4854a8300
1 changed files with 3 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
17th Website/src/components/ProfilePage/profileHeader.vue
View File

@@ -1,5 +1,4 @@
<script> <script>
import profileSubNav from './profileSubNav.vue';
export default { export default {
name: 'profileHeader', name: 'profileHeader',
@@ -8,59 +7,26 @@ export default {
count: 0 count: 0
} }
}, },
components: {
profileSubNav,
}
} }
</script> </script>
<template> <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"> <div id="headerImages" class="flex flex-col items-center">
<img id="rankImg" src="../icons/misc/test.png" /> <img id="rankImg" src="../icons/misc/test.png" class="w-52" />
<img id="rangerTab" src="../icons/misc/test.png" class="w-40"/> <img id="rangerTab" src="../icons/misc/test.png" class="w-32" />
</div> </div>
<div id="mainInfo"> <div id="mainInfo">
<h1>Big Name</h1> <h1>Big Name</h1>
<h2>Rank</h2> <h2>Rank</h2>
<h2>Unit</h2> <h2>Unit</h2>
</div> </div>
</div> </div>
</template> </template>
<style> <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 { #mainInfo h1 {
margin: 20px 0 10px 0px; 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> </style>