fix padding issues with month grid

This commit is contained in:
marlon-erler
2024-08-19 18:38:55 -07:00
parent f2c0b10681
commit 9a9da5ea78
4 changed files with 14 additions and 4 deletions
+4
View File
@@ -502,6 +502,8 @@ body[showing-chat] #chat-page-wrapper {
} }
.month-grid-wrapper .day-labels { .month-grid-wrapper .day-labels {
flex: 0; flex: 0;
padding: var(--content-padding);
padding-bottom: 0px;
} }
.month-grid-wrapper > div { .month-grid-wrapper > div {
display: grid; display: grid;
@@ -513,6 +515,8 @@ body[showing-chat] #chat-page-wrapper {
} }
.month-grid { .month-grid {
overflow: hidden; overflow: hidden;
padding: var(--content-padding);
padding-top: 0px;
} }
.month-grid .tile { .month-grid .tile {
animation: slide-up var(--animation-duration); animation: slide-up var(--animation-duration);
+1 -1
View File
@@ -3498,7 +3498,7 @@
"on:click": calendarPageViewModel.createEvent "on:click": calendarPageViewModel.createEvent
}, },
/* @__PURE__ */ createElement("span", { class: "icon" }, "add") /* @__PURE__ */ createElement("span", { class: "icon" }, "add")
))), /* @__PURE__ */ createElement("div", { class: "content", "children:set": mainContent }))), /* @__PURE__ */ createElement( ))), /* @__PURE__ */ createElement("div", { class: "content padding-0", "children:set": mainContent }))), /* @__PURE__ */ createElement(
"div", "div",
{ {
class: "pane-wrapper side background", class: "pane-wrapper side background",
+1 -1
View File
@@ -159,7 +159,7 @@ export function CalendarPage(calendarPageViewModel: CalendarPageViewModel) {
</button> </button>
</span> </span>
</div> </div>
<div class="content" children:set={mainContent}></div> <div class="content padding-0" children:set={mainContent}></div>
</div> </div>
</div> </div>
<div <div
+8 -2
View File
@@ -9,7 +9,10 @@
} }
.month-grid-wrapper .day-labels { .month-grid-wrapper .day-labels {
flex: 0; flex: 0;
padding: var(--content-padding);
padding-bottom: 0px;
} }
.month-grid-wrapper > div { .month-grid-wrapper > div {
@@ -26,6 +29,9 @@
.month-grid { .month-grid {
overflow: hidden; overflow: hidden;
padding: var(--content-padding);
padding-top: 0px;
} }
.month-grid .tile { .month-grid .tile {
@@ -34,7 +40,7 @@
} }
.month-grid .tile[today] b { .month-grid .tile[today] b {
color: var(--primary) color: var(--primary);
} }
.month-grid .tile > div { .month-grid .tile > div {