kjannette/ax3Client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #1 from kjannette/rise

Browse Source 
Rise
This commit is contained in:
S Jannette
2024-01-11 18:42:40 -06:00
committed by GitHub
parent 4c1fb67383 eb189e7259
commit f1548dbd63
3 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/Components/Navigation/Navpanel.js
View File

@@ -27,7 +27,7 @@ export default function Navpanel(props) {
<div className="mobileHeadingLinkWrap"> <div className="mobileHeadingLinkWrap">
<div className="mobile-info-box"> <div className="mobile-info-box">
<div className="contact-detail-one"> <div className="contact-detail-one">
<Link className="contactLink" href="/login"> <Link className="contact-link" href="/login">
Login Login
</Link> </Link>
</div> </div>
@@ -41,6 +41,11 @@ export default function Navpanel(props) {
Signup Signup
</a> </a>
</div> </div>
<div className="contact-detail-one">
<Link className="contact-link" href="/login">
Blog
</Link>
</div>
</div> </div>
</div> </div>
</div> </div>

10
src/styles/contact.scss
View File

@@ -38,9 +38,9 @@
border: 1px solid #2196f3; border: 1px solid #2196f3;
} }
.contactLink { .contact-link {
font-size: 1rem; font-size: 1rem;
letter-spacing: -0.07rem; letter-spacing: 0.2rem;
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
padding-right: 5px; padding-right: 5px;
@@ -92,7 +92,7 @@
.contact-detail-one { .contact-detail-one {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
height: 50px; height: 38px;
margin: 12px 0px; margin: 12px 0px;
background-color: rgb(56, 56, 233); background-color: rgb(56, 56, 233);
} }
@@ -100,7 +100,7 @@
.contact-detail-two { .contact-detail-two {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
height: 50px; height: 38px;
margin: 12px 0px; margin: 12px 0px;
background-color: hsl(17, 100%, 61%); background-color: hsl(17, 100%, 61%);
letter-spacing: 0.2rem; letter-spacing: 0.2rem;
@@ -109,7 +109,7 @@
.contact-detail-three { .contact-detail-three {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
height: 50px; height: 40px;
margin: 12px 0px; margin: 12px 0px;
background-color: rgb(93, 206, 255); background-color: rgb(93, 206, 255);
letter-spacing: 0.5rem; letter-spacing: 0.5rem;

4
src/styles/navpanel.scss
View File

@@ -30,7 +30,7 @@
.mobile-heading-wrapper { .mobile-heading-wrapper {
position: fixed; position: fixed;
top: 70px; top: 55px;
right: 0px; right: 0px;
background: linear-gradient(to left, rgba(245, 246, 252, 0.52), cyan); background: linear-gradient(to left, rgba(245, 246, 252, 0.52), cyan);
width: 0px; width: 0px;
@@ -68,7 +68,7 @@
} }
.mobile-info-box { .mobile-info-box {
height: 680px; height: 440px;
background: linear-gradient(to left, rgba(245, 246, 252, 0.52), cyan); background: linear-gradient(to left, rgba(245, 246, 252, 0.52), cyan);
} }