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>
</a>
<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>
</div>
)

7
src/style.css
View File

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