stronk/LivepeerEvents
1
0
Fork 0
mirror of https://github.com/stronk-dev/LivepeerEvents.git synced 2025-07-05 10:45:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

Some fixes for scaling on small screens

Browse Source
This commit is contained in:
Marco van Dijk 2022-03-13 18:03:03 +01:00
parent a4c94f55fd
commit b38b1ba9bc
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/BlockViewer.js
View File

@ -14,7 +14,7 @@ const Block = (obj) => {
<h2 style={{ margin: 0, padding: '0.2em', cursor: 'alias' }}>🔗</h2> <h2 style={{ margin: 0, padding: '0.2em', cursor: 'alias' }}>🔗</h2>
</a> </a>
<span className="rowAlignRight elipsText"> <span className="rowAlignRight elipsText">
<p className="darkText">UTC&nbsp;📅{thisDate} - {thisTime.split('.')[0]} </p> <p className="darkText mobileSmallerFont">UTC&nbsp;📅{thisDate} - {thisTime.split('.')[0]} </p>
</span> </span>
</div> </div>
) )

7
src/style.css
View File

@ -554,7 +554,10 @@ svg {
left: 2px; left: 2px;
} }
@media (max-aspect-ratio: 1/1) { @media (max-aspect-ratio: 3/2) {
.mobileSmallerFont{
font-size: xx-small;
}
.fullGrafana { .fullGrafana {
width: calc(100vw - 2em); width: calc(100vw - 2em);
} }
@ -601,7 +604,7 @@ svg {
.elipsOnMobileExtra { .elipsOnMobileExtra {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
width: 10vw; width: 12vw;
text-align: start; text-align: start;
} }
.mobileNoPadding { .mobileNoPadding {