Add the possibility for a sidebar
This commit is contained in:
parent
6a33eb0f83
commit
7047991dd5
2 changed files with 46 additions and 2 deletions
|
|
@ -47,11 +47,20 @@ p, ul, pre {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.header,
|
||||
.section {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
.section {
|
||||
min-width: 20em;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.section:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
ul.members li {
|
||||
text-indent: 0em;
|
||||
}
|
||||
|
|
@ -60,6 +69,10 @@ ul.members li:before {
|
|||
content: none
|
||||
}
|
||||
|
||||
ul.sidebar-links li:before {
|
||||
content: ">";
|
||||
}
|
||||
|
||||
body > div {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
|
@ -92,3 +105,25 @@ table.services tr td:last-child {
|
|||
font-style: italic;
|
||||
}
|
||||
|
||||
.page-container {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 250px;
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
.page-container > div {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.page-container > div.sidebar {
|
||||
border-left: 2px solid gray;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.footer hr {
|
||||
margin-top: 0;
|
||||
border: none;
|
||||
border-top: 2px solid gray;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,9 +9,18 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<%= yield %>
|
||||
<hr>
|
||||
<div class="page-container">
|
||||
<div>
|
||||
<%= yield %>
|
||||
</div>
|
||||
<!-- <div class="sidebar">-->
|
||||
<!-- <ul class="sidebar-links">-->
|
||||
<!-- <li><a href="">Discord</a></li>-->
|
||||
<!-- </ul>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<div class="footer">
|
||||
<hr>
|
||||
(c) frzn.dev 2018 - <%= Date.today.year %> / design and backend by <a href="/~floppy">~floppy</a> / v<%=FrznDev::Application::VERSION %>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue