update
This commit is contained in:
@@ -107,15 +107,30 @@ onMounted(async () => {
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
/* App-Shell: feste Höhe, drei eigene Scrollbereiche. Vorher wanderten die
|
||||
Leisten beim Scrollen mit nach oben weg. */
|
||||
.raster {
|
||||
display: grid;
|
||||
grid-template-columns: 220px 1fr;
|
||||
min-height: 100vh;
|
||||
grid-template-columns: 15rem 1fr;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
.raster.pruefung { grid-template-columns: 220px 1fr 260px; }
|
||||
.raster.pruefung { grid-template-columns: 15rem 1fr 20rem; }
|
||||
main {
|
||||
padding: 1.2rem 1.5rem;
|
||||
min-width: 0;
|
||||
overflow-y: auto;
|
||||
overscroll-behavior: contain;
|
||||
}
|
||||
|
||||
/* Schmale Fenster: die Projektliste legt sich als Leiste nach oben */
|
||||
@media (max-width: 46rem) {
|
||||
.raster, .raster.pruefung {
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: auto 1fr;
|
||||
}
|
||||
.raster.pruefung { grid-template-rows: auto 1fr auto; }
|
||||
main { padding: 0.9rem 1rem; }
|
||||
}
|
||||
.leer {
|
||||
color: var(--dezent);
|
||||
|
||||
Reference in New Issue
Block a user