mirrors/Hypfer-Valetudo
2
0
Fork 0
mirror of https://github.com/Hypfer/Valetudo.git synced 2025-10-26 11:27:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): Change desktop UI breakpoint from min 600px to min 750px width

Browse Source
This commit is contained in:
Sören Beye 2024-05-27 17:37:41 +02:00
parent 03ff2909a9
commit 97818acc18
6 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/App.tsx
View File

@ -35,6 +35,15 @@ const App = (): React.ReactElement => {
},
transitions: {
duration: transitionDurations
},
breakpoints: {
values: {
xs: 0,
sm: 750,
md: 900,
lg: 1200,
xl: 1536,
},
}
});
},

2
frontend/src/components/LogViewer.module.css
View File

@ -67,7 +67,7 @@
color: #DF5618;
}
@media print, screen and (max-width: 600px) {
@media print, screen and (max-width: 750px) {
.metadata {
flex-direction:column;
margin-right: inherit;

2
frontend/src/components/PaperContainer.module.css
View File

@ -8,7 +8,7 @@
}
@media print, screen and (max-width: 600px) {
@media print, screen and (max-width: 750px) {
.paperContainerPaper {
margin-top: 0;
margin-bottom: 0;

2
frontend/src/valetudo/About.module.css
View File

@ -4,7 +4,7 @@
margin-right: auto;
text-align: justify
}
@media print, screen and (max-width: 600px) {
@media print, screen and (max-width: 750px) {
.reactMarkDown {
max-width: 90%
}

2
frontend/src/valetudo/Help.module.css
View File

@ -4,7 +4,7 @@
margin-right: auto;
text-align: justify
}
@media print, screen and (max-width: 600px) {
@media print, screen and (max-width: 750px) {
.reactMarkDown {
max-width: 90%
}

2
frontend/src/valetudo/Log.module.css
View File

@ -4,7 +4,7 @@
}
@media print, screen and (max-width: 600px) {
@media print, screen and (max-width: 750px) {
.logViewer {
height: calc(68vh - 56px)
}