88 lines
2.3 KiB
Plaintext
88 lines
2.3 KiB
Plaintext
.daily-review-dialog {
|
|
@apply p-0 sm:py-16;
|
|
|
|
> .dialog-container {
|
|
@apply w-full sm:w-112 max-w-full grow sm:grow-0 bg-white p-0 rounded-none sm:rounded-lg;
|
|
|
|
> .dialog-header-container {
|
|
@apply relative flex flex-row justify-between items-center w-full p-6 pb-0 mb-0;
|
|
|
|
> .title-text {
|
|
@apply px-2 py-1 -ml-2 cursor-pointer select-none rounded hover:bg-gray-100;
|
|
}
|
|
|
|
> .btns-container {
|
|
@apply flex flex-row justify-start items-center;
|
|
|
|
> .btn-text {
|
|
@apply w-6 h-6 mr-2 rounded cursor-pointer select-none text-gray-600 last:mr-0 hover:bg-gray-200 p-0.5;
|
|
|
|
> .icon-img {
|
|
@apply w-full h-auto;
|
|
}
|
|
}
|
|
|
|
> .split-line {
|
|
@apply font-mono text-gray-300 mr-2;
|
|
}
|
|
}
|
|
|
|
> .date-picker {
|
|
@apply absolute top-12 left-4 mt-2 bg-white shadow z-20 mx-auto border border-gray-200 rounded-lg mb-6;
|
|
}
|
|
}
|
|
|
|
> .dialog-content-container {
|
|
@apply w-full h-auto flex flex-col justify-start items-start p-6 pb-0;
|
|
|
|
> .date-card-container {
|
|
@apply flex flex-col justify-center items-center m-auto pb-6 select-none;
|
|
z-index: 1;
|
|
|
|
> .year-text {
|
|
@apply m-auto font-bold text-gray-600 text-center leading-6 mb-2;
|
|
}
|
|
|
|
> .date-container {
|
|
@apply flex flex-col justify-center items-center m-auto w-24 h-24;
|
|
border-radius: 24px;
|
|
box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
|
|
|
|
> .month-text,
|
|
> .day-text {
|
|
@apply flex flex-col justify-center items-center text-center w-full h-6 text-sm;
|
|
}
|
|
|
|
> .month-text {
|
|
@apply bg-blue-700 text-white;
|
|
border-top-left-radius: 24px;
|
|
border-top-right-radius: 24px;
|
|
}
|
|
|
|
> .date-text {
|
|
@apply flex flex-col justify-center items-center text-center w-full pt-1 h-12;
|
|
font-size: 40px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
> .day-text {
|
|
@apply text-xs;
|
|
}
|
|
}
|
|
}
|
|
|
|
> .tip-container {
|
|
@apply m-auto py-6 pb-12 px-0;
|
|
|
|
> .tip-text {
|
|
font-style: italic;
|
|
}
|
|
}
|
|
|
|
> .dailymemos-wrapper {
|
|
@apply flex flex-col justify-start items-start w-full mt-2;
|
|
}
|
|
}
|
|
}
|
|
}
|