git.iko.soy/bridge
on df0c310 help sign in
bridge/src/views/Ops/Residents.scss
123 lines 2.4 kB history raw
1@import 'style/shared/variables.scss';
3.ops-residents {
4 div.content-container {
5 height: 550px;
6 overflow-y: scroll;
7 width: 100%;
9 // hide the vertical scrollbar
10 -ms-overflow-style: none; /* IE and Edge */
11 scrollbar-width: none; /* Firefox */
12 &::-webkit-scrollbar {
13 display: none; /* Chrome */
14 }
15 }
17 .loading {
18 &> svg {
19 width: 24px;
20 height: 24px;
21 }
22 }
24 .loading, .no-results {
25 width: 100%;
26 min-height: 500px;
27 display: flex;
28 flex-flow: column nowrap;
29 justify-content: center;
30 align-items: center;
31 color: rgba(0,0,0,0.6);
32 }
34 ul.residents-list {
35 padding-left: unset;
36 li {
37 list-style: none;
38 margin-bottom: 16px;
39 height: 24px;
40 display: flex;
41 flex-flow: row nowrap;
42 justify-content: space-between;
44 &:first {
45 margin-top: unset;
46 }
48 .point-wrapper {
49 display: flex;
50 flex-flow: row nowrap;
51 }
53 .button-wrapper {
54 cursor: pointer;
55 display: flex;
56 flex-flow: row nowrap;
57 justify-content: center;
58 position: relative;
59 }
61 .kick-dropdown {
62 z-index: 2;
63 display: flex;
64 flex-direction: column;
65 align-items: flex-start;
66 justify-content: center;
67 width: 100px;
68 height: 48px;
69 background-color: #fff;
70 border: 1px solid rgba(0, 0, 0, 0.2);
71 box-sizing: border-box;
72 border-radius: 4px;
73 position: absolute;
74 top: 28px;
75 right: 0px;
76 padding: 16px;
78 span {
79 font-family: Inter;
80 font-size: 14px;
81 font-style: normal;
82 font-weight: 500;
83 line-height: 16px;
84 color: $activate-error-red;
85 }
86 }
88 div.sigil {
89 height: 24px;
90 width: 24px;
91 margin-right: 8px;
92 border-radius: 2px;
93 background: black;
95 div.sigil-container {
96 height: 16px;
97 width: 16px;
98 padding: 4px;
99 }
101 }
103 .patp {
104 font-family: Source Code Pro;
105 font-size: 14px;
106 font-style: normal;
107 font-weight: 500;
108 line-height: 16px;
109 letter-spacing: 0em;
110 align-self: center;
111 }
112 }
113 }
115 .close-background {
116 z-index: 1;
117 position: fixed;
118 top: 0;
119 bottom: 0;
120 right: 0;
121 left: 0;
122 }