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

more

Browse Source
This commit is contained in:
Kenneth Jannette
2024-01-12 19:35:41 -06:00
parent ea91ce9caa
commit 0a246997c0
2 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/Components/MobileContent.js
View File

@@ -30,15 +30,24 @@ const MobileContent = ({ isDashboard }) => {
</> </>
) : ( ) : (
<> <>
<div className="mobile-divider"></div> <div>
<div>
<strong>Notification Center</strong>
</div>
</div>
</> </>
)} )}
{isDashboard ? ( <div className="lower-foo">
<div className="mobile-info-heading-dashboard">{copy}</div> {isDashboard ? (
) : ( <>
<div className="mobile-info-heading">{copy}</div> <div className="mobile-divider"></div>
)} <div className="mobile-info-heading-dashboard">{copy}</div>
<div className="mobile-divider"></div> <div className="mobile-divider"></div>
</>
) : (
<div className="mobile-info-heading">{copy}</div>
)}
</div>
</div> </div>
</> </>
); );

11
src/styles/app.scss
View File

@@ -77,10 +77,19 @@ p {
justify-content: center; justify-content: center;
margin: 18px 2px 0px 2px; margin: 18px 2px 0px 2px;
padding: 2px 2px; padding: 2px 2px;
background-color: var(--background-blue);
border-radius: 18px; border-radius: 18px;
} }
.lower-foo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: auto;
background-color: var(--background-blue);
border-radius: 15px;
}
.mobile-divider { .mobile-divider {
height: 8px; height: 8px;
width: 88%; width: 88%;