improve calendar layout
This commit is contained in:
Vendored
+11
-2
@@ -813,7 +813,7 @@ body[showing-chat] #chat-page-wrapper {
|
||||
#chat-page > div > #main > #calendar-page > .pane-wrapper > .pane > .toolbar .input-wrapper > .month-input {
|
||||
width: 3.1rem;
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
@media (max-width: 750px) {
|
||||
#chat-page > div > #main > #calendar-page {
|
||||
flex-direction: column;
|
||||
}
|
||||
@@ -821,6 +821,15 @@ body[showing-chat] #chat-page-wrapper {
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1024px) and (min-width: 750px) {
|
||||
#chat-page > div > #main > #calendar-page .pane-wrapper {
|
||||
flex: 1;
|
||||
min-width: unset;
|
||||
}
|
||||
#chat-page > div > #main > #calendar-page .grid-pane-wrapper {
|
||||
border-right: 1px solid var(--border);
|
||||
}
|
||||
}
|
||||
|
||||
/* src/View/Components/monthGrid.css */
|
||||
.month-grid-wrapper {
|
||||
@@ -887,7 +896,7 @@ body[showing-chat] #chat-page-wrapper {
|
||||
.month-grid .tile .event-list span {
|
||||
animation: slide-up var(--animation-duration);
|
||||
}
|
||||
@media (max-width: 640px) and (max-height: 1200px) {
|
||||
@media (max-width: 900px) {
|
||||
.month-grid .tile {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user