big restructure
This commit is contained in:
@@ -96,20 +96,31 @@
|
||||
}
|
||||
|
||||
.app-details-container > section > * {
|
||||
padding-inline: calc(var(--app-spacing) * 2);
|
||||
padding-inline: calc(var(--app-spacing) * 2);
|
||||
}
|
||||
|
||||
.app-details-container .app-breadcrumb {
|
||||
padding-top: calc(var(--app-spacing) * 2);
|
||||
position: sticky;
|
||||
top: 20px;
|
||||
background: var(--app-background-color);
|
||||
padding-top: calc(var(--app-spacing) * 2);
|
||||
position: sticky;
|
||||
top: 20px;
|
||||
background: var(--app-background-color);
|
||||
}
|
||||
|
||||
.app-details-container .app-details-titlebar {
|
||||
position: sticky;
|
||||
top: 69px;
|
||||
background: var(--app-background-color);
|
||||
position: sticky;
|
||||
top: 69px;
|
||||
background: var(--app-background-color);
|
||||
}
|
||||
|
||||
.app-details-container:not(:has(.app-breadcrumb)) .app-details-titlebar {
|
||||
top: 37px;
|
||||
padding-block-start: var(--app-spacing);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.app-details-container > section > * {
|
||||
padding-inline: calc(var(--app-spacing) * 0);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 968px) {
|
||||
@@ -135,3 +146,5 @@
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user