front-end/src/bootstrap/style/modals.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

.modal-entry {
    background: #00000077;
    @apply fixed z-50 flex w-full px-6;

    .modal-content-container {
        @apply w-full max-w-md p-5 m-auto rounded-md shadow-2xl mt-44;
        @apply bg-white border border-transparent dark:bg-dark-600 dark:border-primary-500 dark:text-white;

        .modal-title {
            @apply text-xl font-bold;
        }

        .modal-description {
            @apply text-sm;
        }
    }

    .modal-button-container {
        @apply flex flex-row justify-end pt-3 gap-3;
    }

    .input-container {
        @apply pt-5;

        input {
            @apply w-full;
        }
    }
}