48 lines
983 B
CSS
48 lines
983 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
th {
|
|
border-color: black;
|
|
@apply border px-4 py-2;
|
|
}
|
|
|
|
td {
|
|
@apply border px-4 py-2;
|
|
@apply text-ellipsis overflow-hidden;
|
|
}
|
|
|
|
td div{
|
|
@apply text-ellipsis overflow-hidden;
|
|
}
|
|
|
|
/* Ensure the body and html take up the full height */
|
|
html, body {
|
|
height: 100vh;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Parent container as a flex container */
|
|
.p-4 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden; /* Prevents scrollbar on the body */
|
|
}
|
|
|
|
/* Header stays at the top */
|
|
.header {
|
|
position: fixed;
|
|
/* Set height as needed */
|
|
max-height: 80px; /* Adjust to your header's height */
|
|
background-color: white; /* Optional */
|
|
}
|
|
|
|
/* Content area fills the remaining space and is scrollable */
|
|
.content {
|
|
position: fixed;
|
|
max-height: calc(100vh - 90px); /* Adjust to your header's height */
|
|
max-width: calc(100vw - 20px);
|
|
overflow-y: scroll;
|
|
overflow-x: scroll;
|
|
top: 80px;
|
|
} |