primereact

1
.dock-demo {
2
    .dock-window {
3
        width: 100%;
4
        height: 450px;
5
        position: relative;
6
        background-repeat: no-repeat;
7
        background-size: cover;
8
    }
9

10
    .p-dock {
11
        z-index: 1000;
12
    }
13

14
    .dock-advanced {
15
        .p-dialog-mask,
16
        .p-galleria-mask,
17
        .p-galleria-mask .p-galleria-item-nav,
18
        .p-toast {
19
            position: absolute;
20
        }
21

22
        .p-dialog {
23
            .p-dialog-header {
24
                padding: .2rem;
25
            }
26

27
            .p-dialog-content {
28
                padding: 0;
29
            }
30

31
            p {
32
                margin-top: 0;
33
            }
34

35
            .p-terminal {
36
                background-color: #212121;
37
                color: #ffffff;
38
                border: 0 none;
39
                min-height: 18rem;
40
                height: 100%;
41

42
                .p-terminal-command {
43
                    color: #80CBC4;
44
                }
45

46
                .p-terminal-prompt {
47
                    color: #FFD54F;
48
                }
49

50
                .p-terminal-response {
51
                    color: #9FA8DA;
52
                }
53
            }
54

55
            .p-tree {
56
                height: 100%;
57
                border-radius: 0;
58
                border-left-width: 0;
59
                border-right-width: 0;
60
                border-bottom-width: 0;
61
            }
62
        }
63

64
        .p-toast {
65
            top: 20px;
66
        }
67
    }
68

69
    .p-menubar {
70
        padding-top: 0;
71
        padding-bottom: 0;
72
        border-radius: 0;
73

74
        .menubar-root {
75
            font-weight: bold;
76
            padding: 0 1rem;
77
        }
78

79
        .p-menuitem-link {
80
            padding: 0.5rem .75rem;
81
        }
82

83
        .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
84
            padding: 0.5rem .75rem;
85

86
            > .p-submenu-icon {
87
                display: none;
88
            }
89
        }
90

91
        .p-menubar-end {
92
            span, i {
93
                padding: 0 .75rem;
94
            }
95
        }
96
    }
97
}
98

99
.dark-tooltip {
100
    .p-tooltip {
101
        .p-tooltip-arrow {
102
            border-top-color: var(--surface-900);
103
        }
104

105
        .p-tooltip-text {
106
            background-color: var(--surface-900);
107
        }
108
    }
109
}
110