Skip to content

Commit efdc70d

Browse files
committed
improve reponsive styles
1 parent 8271d26 commit efdc70d

File tree

1 file changed

+15
-5
lines changed

1 file changed

+15
-5
lines changed

site/frontend/src/pages/status/page.vue

Lines changed: 15 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -428,6 +428,9 @@ loadStatus(loading);
428428

429429
<style scoped lang="scss">
430430
.timeline {
431+
max-width: 100%;
432+
width: fit-content;
433+
431434
table {
432435
border-collapse: collapse;
433436
font-size: 1.1em;
@@ -455,18 +458,24 @@ loadStatus(loading);
455458
font-weight: bold;
456459
}
457460
}
461+
462+
@media screen and (min-width: 1440px) {
463+
width: 100%;
464+
}
458465
}
459466
.wrapper {
460-
display: flex;
461-
flex-wrap: wrap;
467+
display: grid;
462468
column-gap: 100px;
469+
grid-template-columns: 1fr;
463470
464-
& > * {
465-
max-width: 640px;
466-
width: 100%;
471+
@media screen and (min-width: 1440px) {
472+
grid-template-columns: 4fr 6fr;
467473
}
468474
}
469475
.current {
476+
max-width: 100%;
477+
width: fit-content;
478+
470479
.benchmark {
471480
margin-bottom: 10px;
472481
font-size: 1.2em;
@@ -500,5 +509,6 @@ loadStatus(loading);
500509
background-color: #f7f7f7;
501510
max-width: 100%;
502511
white-space: pre-wrap;
512+
word-break: break-word;
503513
}
504514
</style>

0 commit comments

Comments
 (0)