Lists CSS

FossilOrigin-Name: 42a68ab1c07f5b6255ecd618db033d72310973a43a36c6154987d4520c53d94e
This commit is contained in:
me@ow.nekobit.net 2022-03-14 02:00:32 +00:00
parent cf3b7b5533
commit d42ce718f5
2 changed files with 47 additions and 7 deletions

36
dist/treebird20.css vendored
View file

@ -602,3 +602,39 @@ ul li:first-child a.sidebarbtn
margin: 0 4px;
}
/*************************************************
* LISTS *
*************************************************/
ul.large-list
{
width: 500px;
border-radius: 15px;
background-color: #f8f8f8;
border: 1px solid #cacaca;
padding: 0;
overflow: hidden;
}
ul.large-list li
{
list-style-type: none;
margin: 0;
}
ul.large-list li a
{
display: block;
padding: 15px;
list-style-type: none;
}
.lists-view-header
{
text-align: center;
}
.lists-view-container ul
{
margin-left: auto;
margin-right: auto;
}

View file

@ -1,9 +1,13 @@
<h1 class="center-text">Lists</h1>
<div class="lists-view">
<h1 class="lists-view-header">Lists</h1>
<ul class="large-list center">
%s
</ul>
<div class="lists-view-container">
<ul class="large-list center">
%s
</ul>
<ul class="large-list center">
<li><a href="%s/lists/create" class="btn split center-text bold-text">Create new list</a></li>
</ul>
<ul class="large-list center">
<li><a href="%s/lists/create" class="btn split center-text bold-text">Create new list</a></li>
</ul>
</div>
</div>