viewy 2.0.6

A web UI toolkit that combine the advantages of a design system and an ui library.
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

.multiple-file-input {
    &__file-list {
        overflow: auto;
        flex-grow: 1;
        &__control-bar {
            display: none;
        }
        &__content {
            gap: scale(4);
        }
    }

    &--hidden {
        &__file-list {
            display: none;
            position: fixed;
            bottom: scale(4);
            right: scale(4);
            width: max-content;
            height: max-content;
            border-radius: sp($border-radius);
            background: var(--background);
            box-shadow: 0 sp(8) sp(16) sp(4) var(--color-shadow);
            &__control-bar {
                display: flex;
                padding: scale(2);
                background-color: var(--surface);
            }
            .multiple-file-input__file-list__content {
                padding: scale(4);
            }
        }
    }
    &--simple {
        display: flex;
        flex-direction: column;
        gap: scale(4);
        border-radius: sp($border-radius);
        padding: scale(4);
        border: sp(1) solid var(--color-border);
        background: var(--background);

        & > .button {
            width: 100%;
        }
    
        &__input {
            display: none;
        }
    }

}