|
@@ -5,10 +5,7 @@ body {
|
|
display: grid;
|
|
display: grid;
|
|
grid-template-columns: auto 1fr;
|
|
grid-template-columns: auto 1fr;
|
|
grid-template-rows: auto auto 1fr;
|
|
grid-template-rows: auto auto 1fr;
|
|
- grid-template-areas:
|
|
|
|
- "header header"
|
|
|
|
- "nav nav"
|
|
|
|
- "main main";
|
|
|
|
|
|
+ grid-template-areas: "header header" "nav nav" "main main";
|
|
min-height: 100vh;
|
|
min-height: 100vh;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -19,7 +16,7 @@ header {
|
|
z-index: 1;
|
|
z-index: 1;
|
|
}
|
|
}
|
|
|
|
|
|
-header > * {
|
|
|
|
|
|
+header>* {
|
|
@apply p-3;
|
|
@apply p-3;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -163,18 +160,12 @@ main {
|
|
}
|
|
}
|
|
|
|
|
|
@screen md {
|
|
@screen md {
|
|
-
|
|
|
|
body {
|
|
body {
|
|
- grid-template-areas:
|
|
|
|
- "header header"
|
|
|
|
- "header header"
|
|
|
|
- "nav main";
|
|
|
|
|
|
+ grid-template-areas: "header header" "header header" "nav main";
|
|
}
|
|
}
|
|
-
|
|
|
|
aside.menu {
|
|
aside.menu {
|
|
@apply w-56;
|
|
@apply w-56;
|
|
}
|
|
}
|
|
-
|
|
|
|
.menu .menu-view {
|
|
.menu .menu-view {
|
|
@apply sticky top-0;
|
|
@apply sticky top-0;
|
|
}
|
|
}
|
|
@@ -185,15 +176,12 @@ main {
|
|
grid-template-columns: max-content auto;
|
|
grid-template-columns: max-content auto;
|
|
gap: 0.5rem 0.5rem;
|
|
gap: 0.5rem 0.5rem;
|
|
}
|
|
}
|
|
-
|
|
|
|
.artifacts-list .artifact-link {
|
|
.artifacts-list .artifact-link {
|
|
@apply mt-0;
|
|
@apply mt-0;
|
|
}
|
|
}
|
|
-
|
|
|
|
main {
|
|
main {
|
|
@apply mx-40;
|
|
@apply mx-40;
|
|
}
|
|
}
|
|
-
|
|
|
|
aside.menu {
|
|
aside.menu {
|
|
@apply w-72;
|
|
@apply w-72;
|
|
}
|
|
}
|