aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/smartdraw/SmartDrawHandler.scss
blob: e80f1122b5aee56d8f7a09e6eab69accc9fb2a67 (plain)
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
.smart-draw-handler {
    position: absolute;

    .smart-draw-main {
        display: flex;
        flex-direction: row;

        .smartdraw-input {
            color: black;
            margin: auto;
        }
    }

    .smartdraw-output-options {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 3px;
    }

    .smartdraw-options-container {
        width: 265px;
        padding: 5px;
        font-weight: bolder;
        text-align: center;
        display: flex;
        flex-direction: column;

        .smartdraw-options {
            font-weight: normal;
            margin-top: 5px;
            display: flex;
            flex-direction: row;
            justify-content: space-around;

            .smartdraw-auto-color {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 30%;
                margin-top: 3px;
            }

            .smartdraw-complexity {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 31%;
                margin-top: 3px;
            }

            .smartdraw-size {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 39%;
                margin-top: 3px;
            }
        }

        .smartdraw-dimensions {
            font-weight: normal;
            margin-top: 7px;
            padding-left: 25px;
        }
    }

    .smartdraw-slider {
        width: 65px;
    }

    .regenerate-box,
    .edit-box {
        display: flex;
        flex-direction: row;
        color: black;
    }
}