[calendar] Fix top bar
This commit is contained in:
@ -13,27 +13,11 @@ header.navbar { display: none !important; }
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
.top-bar { display: none; }
|
|
||||||
.home-btn {
|
|
||||||
margin: 1em 1em 1em auto;
|
|
||||||
padding: 4px 16px;
|
|
||||||
border-radius: 20px;
|
|
||||||
font-size: 0.85rem;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #555;
|
|
||||||
background: rgba(255,255,255,0.85);
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
.home-btn:hover {
|
|
||||||
background: #fff;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
.filter-bar {
|
.filter-bar {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 6px;
|
gap: 0.6em;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
margin: 0 0 0 1em;
|
margin: 1em;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.filter-bar a {
|
.filter-bar a {
|
||||||
@ -166,6 +150,7 @@ header.navbar { display: none !important; }
|
|||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="calendar-wrapper">
|
<div class="calendar-wrapper">
|
||||||
<div class="filter-bar">
|
<div class="filter-bar">
|
||||||
|
<a href="/">Home</a>
|
||||||
<a href="?date={{ year }}-{{ month|stringformat:'02d' }}"
|
<a href="?date={{ year }}-{{ month|stringformat:'02d' }}"
|
||||||
{% if not active_filter %}class="active"{% endif %}>All</a>
|
{% if not active_filter %}class="active"{% endif %}>All</a>
|
||||||
{% for mt in media_types %}
|
{% for mt in media_types %}
|
||||||
@ -179,6 +164,8 @@ header.navbar { display: none !important; }
|
|||||||
{{ month_name }} {{ year }}
|
{{ month_name }} {{ year }}
|
||||||
<a href="?date={{ next_month }}{% if active_filter %}&media_type={{ active_filter }}{% endif %}">→</a>
|
<a href="?date={{ next_month }}{% if active_filter %}&media_type={{ active_filter }}{% endif %}">→</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div style="grid-column:1/-1;text-align:center;padding:4px 0;background:{{ month_color }};">
|
||||||
|
</div>
|
||||||
|
|
||||||
{% for name in day_names %}
|
{% for name in day_names %}
|
||||||
<div class="day-header">{{ name }}</div>
|
<div class="day-header">{{ name }}</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user