Fix problem with scrolling

This commit is contained in:
Senad Uka
2024-09-07 09:10:51 +02:00
parent dfaf7dc870
commit b258de57fb
7 changed files with 282 additions and 153 deletions

View File

@@ -10,15 +10,4 @@
}
}
*/
body {
height: 100vw;
overflow: hidden;
}
toastui-calendar-time {
height: 100% !important;
}
.toastui-calendar-timegrid { height: 100%; }
.toastui-calendar-panel.toastui-calendar-time { overflow-y: inherit; }
*/

View File

@@ -0,0 +1,24 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
/*
@layer components {
.btn-primary {
@apply py-2 px-4 bg-blue-200;
}
}
*/
body.calendar {
height: 99vw;
overflow: hidden;
}
toastui-calendar-time {
height: 99% !important;
}
.toastui-calendar-timegrid { height: 99%; }
.toastui-calendar-panel.toastui-calendar-time { overflow-y: inherit; }

View File

@@ -8,12 +8,12 @@
<link rel="stylesheet" href="https://uicdn.toast.com/calendar/latest/toastui-calendar.min.css" />
<script src="https://uicdn.toast.com/calendar/latest/toastui-calendar.min.js"></script>
<%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "calendar.tailwind", "data-turbo-track": "reload" %>
<%= javascript_importmap_tags %>
</head>
<body>
<body class="calendar">
<main style="height: 100vw;">
<%= yield %>
</main>