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

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

Browse Source
This commit is contained in:
ajdj100
2023-10-10 01:13:46 -04:00
parent 2151a1f9ae
commit 620a44f159
2 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

2
17th Website/src/components/ProfilePage/profileSubNav.vue
View File

@@ -17,7 +17,7 @@ export default {
<template> <template>
<RouterLink :to="link"> <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> :class="{ active: active }">{{ content }}</p>
<Icon :icon="iconName"/> <Icon :icon="iconName"/>
</RouterLink> </RouterLink>