[#575] fixed broken paddings (#582)

src/components/Calendar/Calendar.styl

@@ -7,7 +7,11 @@
 .main-layout
   display flex
   height calc(100vh - 70px)
-  
+
+.main-layout.isInIframe
+  margin-top 8px
+  height calc(100vh - 8px)
+
 .main-layout.calendar-layout
   background-color #fff
   flex-direction row
@@ -17,6 +21,16 @@
   height 100%
   overflow hidden
 
+.main-layout.isInIframe .calendar
+  display flex
+  flex-direction column
+  height 100%
+  overflow hidden
+
+.main-layout.isInIframe .fc
+  flex 1
+  min-height 0
+
 .calendarListHeader
   padding-top 10px
   display flex

src/components/Calendar/Calendar.tsx

@@ -599,7 +599,9 @@ export default function CalendarApp({
   const { t, lang } = useI18n();
 
   return (
-    <main className="main-layout calendar-layout">
+    <main
+      className={`main-layout calendar-layout ${menubarProps?.isIframe ? " isInIframe" : ""}`}
+    >
       <Box
         className="sidebar"
         sx={{
@@ -616,7 +618,7 @@ export default function CalendarApp({
             top: 0,
             zIndex: 10,
             backgroundColor: "#fff",
-            paddingTop: 3,
+            paddingTop: menubarProps?.isIframe ? "10px" : 3,
           }}
         >
           <Button

src/components/Calendar/CalendarLayout.tsx

@@ -86,7 +86,7 @@ export default function CalendarLayout() {
           menubarProps={menubarProps}
         />
       )}
-      {view === "settings" && <SettingsPage />}
+      {view === "settings" && <SettingsPage isInIframe={isInIframe} />}
       <ErrorSnackbar error={error} type="calendar" />
     </div>
   );