kanblendar/example.css
Kumi 953edad91f
feat(css): enhance header layout and task styling
Improved the header's layout by making the logo and button positioning more intuitive and visually appealing. Adjusted header padding and button placement to be more consistent. Added text alignment to non-timed tasks for better readability.
2024-07-31 08:50:46 +02:00

62 lines
No EOL
905 B
CSS

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
header {
background-color: #4CAF50;
color: white;
position: relative;
text-align: center;
padding: 1em 2em;
}
header h1 {
margin: 0;
display: inline-block;
}
header button {
position: absolute;
right: 2em;
top: 50%;
transform: translateY(-50%);
padding: 0.5em 1em;
background-color: #fff;
border: 1px solid #4CAF50;
border-radius: 5px;
cursor: pointer;
}
main {
display: flex;
padding: 1em;
padding-bottom: 4em;
}
footer {
background-color: #4CAF50;
color: white;
text-align: center;
padding: 1em 0;
position: fixed;
bottom: 0;
width: 100%;
}
footer a {
color: white;
}
.footer-left {
float: left;
margin-left: 1em;
}
.footer-right {
float: right;
margin-right: 1em;
}