Added max width. Events now in columns

This commit is contained in:
2022-11-08 10:34:15 +03:00
parent 81f5f37363
commit 3896ed0a29
2 changed files with 29 additions and 20 deletions
@@ -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;
}
+17 -15
View File
@@ -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>