dsh/slovocast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added more styles to the site.

Browse Source
This commit is contained in:
Dave Smith-Hayes 2024-11-06 22:45:03 -05:00
parent 56f9683d0a
commit 10e4305e62
2 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/public/static/main.css
View File

@ -6,15 +6,39 @@ body {
box-sizing: border-box; box-sizing: border-box;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
display: flex; }
flex-wrap: wrap;
justify-content: space-between; header {
float: left;
padding: 0.25em 1em;
}
header h1 {
margin: 0;
padding: 0;
}
nav {
float: right;
padding: 0.25em 1em;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
}
nav ul li:last-child {
margin-left: 1em;
} }
main { main {
clear: both;
background-color: #fff; background-color: #fff;
border: 1px solid #ccc; border: 1px solid #ccc;
padding: 1em; padding: 1em;
box-sizing: border-box;
} }
footer { footer {

3
app/templates/layouts/skeleton.twig
View File

@ -11,13 +11,12 @@
<body> <body>
<div class="container"> <div class="container">
<header> <header>
<h1>Slovocast</h1> <h1><a href="/home">Slovocast</a></h1>
{% block header %}{% endblock %} {% block header %}{% endblock %}
</header> </header>
<nav> <nav>
<ul> <ul>
<li><a href="/home">Home</a></li>
{% if logged_in %} {% if logged_in %}
<li><a href="/dashboard">Dashboard</a></li> <li><a href="/dashboard">Dashboard</a></li>
{% else %} {% else %}