Added max width. Events now in columns
This commit is contained in:
@@ -60,9 +60,9 @@ div.calendar {
|
|||||||
}
|
}
|
||||||
|
|
||||||
div.calendar-events {
|
div.calendar-events {
|
||||||
display: flex;
|
column-width: 725px;
|
||||||
flex-flow: row wrap;
|
column-rule: 1px solid black;
|
||||||
justify-content: space-around;
|
column-gap: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.month {
|
div.month {
|
||||||
@@ -86,9 +86,11 @@ div.event-gm,
|
|||||||
div.event-suggested {
|
div.event-suggested {
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
margin: 20px;
|
margin: auto;
|
||||||
|
margin-bottom: 15px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
width: 100%;
|
max-width: 700px;
|
||||||
|
break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.event {
|
div.event {
|
||||||
@@ -136,3 +138,8 @@ p.calendar-error {
|
|||||||
p.calendar-info {
|
p.calendar-info {
|
||||||
font-size: 200%;
|
font-size: 200%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body > div {
|
||||||
|
max-width: 1600px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|||||||
@@ -18,21 +18,23 @@
|
|||||||
<link rel="apple-touch-icon" href="{% static 'iconbig.png' %}">
|
<link rel="apple-touch-icon" href="{% static 'iconbig.png' %}">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<aside class="menu">
|
<div class="page">
|
||||||
<div class="menu">
|
<aside class="menu">
|
||||||
<a class="menuitem" href="/">
|
<div class="menu">
|
||||||
Главная
|
<a class="menuitem" href="/">
|
||||||
</a>
|
Главная
|
||||||
<a class="menuitem" href="/calendar">
|
</a>
|
||||||
Календарь
|
<a class="menuitem" href="/calendar">
|
||||||
</a>
|
Календарь
|
||||||
<a class="menuitem" href="/links">
|
</a>
|
||||||
Полезные ссылки
|
<a class="menuitem" href="/links">
|
||||||
</a>
|
Полезные ссылки
|
||||||
</div>
|
</a>
|
||||||
</aside>
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user