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="mobile-info-heading-dashboard">{copy}</div>
) : (
<div className="mobile-info-heading">{copy}</div>
)}
<div className="mobile-divider"></div>
<div className="lower-foo">
{isDashboard ? (
<>
<div className="mobile-divider"></div>
<div className="mobile-info-heading-dashboard">{copy}</div>
<div className="mobile-divider"></div>
</>
) : (
<div className="mobile-info-heading">{copy}</div>
)}
</div>
</div>
</>
);

11
src/styles/app.scss
View File

@@ -77,10 +77,19 @@ p {
justify-content: center;
margin: 18px 2px 0px 2px;
padding: 2px 2px;
background-color: var(--background-blue);
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 {
height: 8px;
width: 88%;