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

fixed some weird spacing on the profile header due to leftover unused HTML

Browse Source
This commit is contained in:
ajdj100
2023-10-10 09:16:03 -04:00
parent 1a5b888892
commit d1aa688d47
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
17th Website/src/components/ProfilePage/profile.vue
View File

@@ -14,8 +14,9 @@ export default {
<template> <template>
<div id="ProfileWrapper" class="flex flex-col xl:flex-row items-center"> <div id="ProfileWrapper" class="flex flex-col xl:flex-row items-center">
<div id="HeaderWrapper" class="flex flex-col items-center bg-opacity-20 xl:h-screen pt-8 xl:pt-32 <div id="HeaderWrapper" class="flex flex-col items-center bg-opacity-20 xl:h-screen
xl:pr-10 sm:border-b-2 xl:border-b-0 xl:border-r-2 border-gray-dark sm:w-full xl:w-96"> pt-8 xl:pt-32 xl:pr-10 sm:border-b-2 xl:border-b-0 xl:border-r-2 border-gray-dark
sm:w-full xl:w-96">
<profileHeader></profileHeader> <profileHeader></profileHeader>
<div id="profileSubnavWrapper" class="mt-8 flex flex-row xl:flex-col"> <div id="profileSubnavWrapper" class="mt-8 flex flex-row xl:flex-col">
<profileSubNav link="home" content="Home"></profileSubNav> <profileSubNav link="home" content="Home"></profileSubNav>

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

@@ -17,12 +17,11 @@ export default {
<template> <template>
<RouterLink :to="link"> <RouterLink :to="link">
<p class="text-white xl:rounded-md my-0 p-2 hover:text-blue transition-all <p class="text-white h-fit xl:rounded-md my-0 sm:pb-3 p-2 hover:text-blue transition-colors
xl:active:ring-1 sm:border-b-2 xl:border-b-0 sm:border-gray-light sm:active:border-blue xl:active:ring-1 sm:border-b-2 xl:border-b-0 sm:border-gray-light sm:active:border-blue
xl:active:ring-blue xl:w-64 sm:w-36 sm:text-center xl:text-left" xl:active:ring-blue xl:w-64 sm:w-36 sm:text-center xl:text-left"
:class="{ active: active }"> :class="{ active: active }">
{{ content }} {{ content }}
</p> </p>
<Icon :icon="iconName" />
</RouterLink> </RouterLink>
</template> </template>