gitscope
https://dev.kronoz.win/r/marzneshin.git
app/dashboard/src/index.scss · v0.1.1
Source
1 a47eb4c Dawsh 2y ago @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
2 a47eb4c Dawsh 2y ago
3 bedeeff Mardin 2y ago body {
4 bedeeff Mardin 2y ago overflow: hidden;
5 bedeeff Mardin 2y ago }
6 bedeeff Mardin 2y ago
7 a47eb4c Dawsh 2y ago .bg-blue-animate {
8 a47eb4c Dawsh 2y ago animation: blur-animate 200ms ease-in;
9 a47eb4c Dawsh 2y ago backdrop-filter: blur(10px);
10 a47eb4c Dawsh 2y ago }
11 a47eb4c Dawsh 2y ago
12 a47eb4c Dawsh 2y ago @keyframes blur-animate {
13 a47eb4c Dawsh 2y ago from {
14 a47eb4c Dawsh 2y ago backdrop-filter: blur(1px);
15 a47eb4c Dawsh 2y ago }
16 a47eb4c Dawsh 2y ago
17 a47eb4c Dawsh 2y ago to {
18 a47eb4c Dawsh 2y ago backdrop-filter: blur(10px);
19 a47eb4c Dawsh 2y ago }
20 a47eb4c Dawsh 2y ago }
21 a47eb4c Dawsh 2y ago
22 a47eb4c Dawsh 2y ago .animate-spin {
23 a47eb4c Dawsh 2y ago animation: spin 1s linear infinite;
24 a47eb4c Dawsh 2y ago }
25 a47eb4c Dawsh 2y ago
26 a47eb4c Dawsh 2y ago @keyframes spin {
27 a47eb4c Dawsh 2y ago from {
28 a47eb4c Dawsh 2y ago transform: rotate(0deg);
29 a47eb4c Dawsh 2y ago }
30 a47eb4c Dawsh 2y ago
31 a47eb4c Dawsh 2y ago to {
32 a47eb4c Dawsh 2y ago transform: rotate(360deg);
33 a47eb4c Dawsh 2y ago }
34 a47eb4c Dawsh 2y ago }
35 a47eb4c Dawsh 2y ago
36 a47eb4c Dawsh 2y ago table thead {
37 a47eb4c Dawsh 2y ago th:first-of-type {
38 a47eb4c Dawsh 2y ago border-top-left-radius: 8px;
39 a47eb4c Dawsh 2y ago }
40 a47eb4c Dawsh 2y ago
41 a47eb4c Dawsh 2y ago th:last-of-type {
42 a47eb4c Dawsh 2y ago border-top-right-radius: 8px;
43 a47eb4c Dawsh 2y ago }
44 a47eb4c Dawsh 2y ago }
45 a47eb4c Dawsh 2y ago
46 a47eb4c Dawsh 2y ago .last-row {
47 a47eb4c Dawsh 2y ago td:first-of-type {
48 a47eb4c Dawsh 2y ago border-bottom-left-radius: 8px;
49 a47eb4c Dawsh 2y ago }
50 a47eb4c Dawsh 2y ago
51 a47eb4c Dawsh 2y ago td:last-of-type {
52 a47eb4c Dawsh 2y ago border-bottom-right-radius: 8px;
53 a47eb4c Dawsh 2y ago }
54 a47eb4c Dawsh 2y ago }
55 a47eb4c Dawsh 2y ago
56 a47eb4c Dawsh 2y ago .slick-prev {
57 a47eb4c Dawsh 2y ago left: -40px;
58 a47eb4c Dawsh 2y ago }
59 a47eb4c Dawsh 2y ago
60 a47eb4c Dawsh 2y ago .slick-next {
61 a47eb4c Dawsh 2y ago right: -40px;
62 a47eb4c Dawsh 2y ago }
63 a47eb4c Dawsh 2y ago
64 a47eb4c Dawsh 2y ago .slick-prev,
65 a47eb4c Dawsh 2y ago .slick-next {
66 a47eb4c Dawsh 2y ago z-index: 100;
67 a47eb4c Dawsh 2y ago }
68 a47eb4c Dawsh 2y ago
69 a47eb4c Dawsh 2y ago .chakra-popover__popper {
70 a47eb4c Dawsh 2y ago z-index: 9999 !important;
71 a47eb4c Dawsh 2y ago }
72 a47eb4c Dawsh 2y ago
73 a47eb4c Dawsh 2y ago .inbound-item .chakra-checkbox__label {
74 a47eb4c Dawsh 2y ago max-width: 100%;
75 a47eb4c Dawsh 2y ago width: 100%;
76 a47eb4c Dawsh 2y ago }
77 a47eb4c Dawsh 2y ago
78 a47eb4c Dawsh 2y ago // data picker
79 a47eb4c Dawsh 2y ago .react-datepicker__navigation.react-datepicker__navigation--previous,
80 a47eb4c Dawsh 2y ago .react-datepicker__navigation.react-datepicker__navigation--next {
81 a47eb4c Dawsh 2y ago padding-top: 6px;
82 a47eb4c Dawsh 2y ago }
83 a47eb4c Dawsh 2y ago
84 a47eb4c Dawsh 2y ago .react-datepicker {
85 a47eb4c Dawsh 2y ago background-color: var(--chakra-colors-white) !important;
86 a47eb4c Dawsh 2y ago border: 1px solid var(--chakra-colors-gray-200);
87 a47eb4c Dawsh 2y ago border-radius: var(--chakra-radii-md) !important;
88 a47eb4c Dawsh 2y ago position: relative;
89 a47eb4c Dawsh 2y ago }
90 a47eb4c Dawsh 2y ago
91 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker {
92 a47eb4c Dawsh 2y ago background-color: var(--chakra-colors-gray-700) !important;
93 a47eb4c Dawsh 2y ago border: 1px solid var(--chakra-colors-gray-600);
94 a47eb4c Dawsh 2y ago border-radius: var(--chakra-radii-md) !important;
95 a47eb4c Dawsh 2y ago position: relative;
96 a47eb4c Dawsh 2y ago }
97 a47eb4c Dawsh 2y ago
98 a47eb4c Dawsh 2y ago .react-datepicker__header {
99 a47eb4c Dawsh 2y ago text-align: center;
100 a47eb4c Dawsh 2y ago background-color: unset;
101 a47eb4c Dawsh 2y ago position: relative;
102 a47eb4c Dawsh 2y ago border-bottom: 1px solid var(--chakra-colors-gray-200);
103 a47eb4c Dawsh 2y ago }
104 a47eb4c Dawsh 2y ago
105 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker__header {
106 a47eb4c Dawsh 2y ago border-bottom: 1px solid var(--chakra-colors-gray-600);
107 a47eb4c Dawsh 2y ago }
108 a47eb4c Dawsh 2y ago
109 a47eb4c Dawsh 2y ago .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
110 a47eb4c Dawsh 2y ago border-top: none;
111 a47eb4c Dawsh 2y ago border-bottom-color: var(--chakra-colors-white);
112 a47eb4c Dawsh 2y ago }
113 a47eb4c Dawsh 2y ago
114 a47eb4c Dawsh 2y ago .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
115 a47eb4c Dawsh 2y ago top: -1px;
116 a47eb4c Dawsh 2y ago border-bottom-color: var(--chakra-colors-gray-200);
117 a47eb4c Dawsh 2y ago }
118 a47eb4c Dawsh 2y ago
119 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
120 a47eb4c Dawsh 2y ago border-top: none;
121 a47eb4c Dawsh 2y ago border-bottom-color: var(--chakra-colors-gray-700);
122 a47eb4c Dawsh 2y ago }
123 a47eb4c Dawsh 2y ago
124 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
125 a47eb4c Dawsh 2y ago top: -1px;
126 a47eb4c Dawsh 2y ago border-bottom-color: var(--chakra-colors-gray-600);
127 a47eb4c Dawsh 2y ago }
128 a47eb4c Dawsh 2y ago
129 a47eb4c Dawsh 2y ago .react-datepicker__current-month,
130 a47eb4c Dawsh 2y ago .react-datepicker__day-name,
131 a47eb4c Dawsh 2y ago .react-datepicker__day {
132 a47eb4c Dawsh 2y ago color: var(--chakra-colors-chakra-body-text) !important;
133 a47eb4c Dawsh 2y ago }
134 a47eb4c Dawsh 2y ago
135 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker__current-month,
136 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker__day-name,
137 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker__day {
138 a47eb4c Dawsh 2y ago color: var(--chakra-colors-gray-300) !important;
139 a47eb4c Dawsh 2y ago }
140 a47eb4c Dawsh 2y ago
141 a47eb4c Dawsh 2y ago .react-datepicker__day:hover {
142 a47eb4c Dawsh 2y ago border-radius: 0.3rem;
143 a47eb4c Dawsh 2y ago background-color: var(--chakra-colors-primary-300) !important;
144 a47eb4c Dawsh 2y ago color: var(--chakra-colors-white) !important;
145 a47eb4c Dawsh 2y ago }
146 a47eb4c Dawsh 2y ago
147 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker__day:hover {
148 a47eb4c Dawsh 2y ago border-radius: 0.3rem;
149 a47eb4c Dawsh 2y ago background-color: var(--chakra-colors-primary-500) !important;
150 a47eb4c Dawsh 2y ago color: var(--chakra-colors-gray-800) !important;
151 a47eb4c Dawsh 2y ago }
152 a47eb4c Dawsh 2y ago
153 a47eb4c Dawsh 2y ago .react-datepicker__day--disabled {
154 a47eb4c Dawsh 2y ago color: var(--chakra-colors-gray-400) !important;
155 a47eb4c Dawsh 2y ago }
156 a47eb4c Dawsh 2y ago
157 a47eb4c Dawsh 2y ago .react-datepicker__day--disabled:hover {
158 a47eb4c Dawsh 2y ago background-color: transparent !important;
159 a47eb4c Dawsh 2y ago color: var(--chakra-colors-gray-400) !important;
160 a47eb4c Dawsh 2y ago }
161 a47eb4c Dawsh 2y ago
162 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker__day--disabled {
163 a47eb4c Dawsh 2y ago color: var(--chakra-colors-gray-500) !important;
164 a47eb4c Dawsh 2y ago }
165 a47eb4c Dawsh 2y ago
166 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker__day--disabled:hover {
167 a47eb4c Dawsh 2y ago background-color: transparent !important;
168 a47eb4c Dawsh 2y ago color: var(--chakra-colors-gray-500) !important;
169 a47eb4c Dawsh 2y ago }
170 a47eb4c Dawsh 2y ago
171 a47eb4c Dawsh 2y ago .react-datepicker__day--keyboard-selected,
172 a47eb4c Dawsh 2y ago .react-datepicker__day--selected,
173 a47eb4c Dawsh 2y ago .react-datepicker__day--in-selecting-range,
174 a47eb4c Dawsh 2y ago .react-datepicker__day--in-range {
175 a47eb4c Dawsh 2y ago border-radius: 0.3rem;
176 a47eb4c Dawsh 2y ago background-color: var(--chakra-colors-primary-500) !important;
177 a47eb4c Dawsh 2y ago color: var(--chakra-colors-white) !important;
178 a47eb4c Dawsh 2y ago }
179 a47eb4c Dawsh 2y ago
180 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker__day--keyboard-selected,
181 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker__day--selected,
182 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker__day--in-selecting-range,
183 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker__day--in-range {
184 a47eb4c Dawsh 2y ago border-radius: 0.3rem;
185 a47eb4c Dawsh 2y ago background-color: var(--chakra-colors-primary-200) !important;
186 a47eb4c Dawsh 2y ago color: var(--chakra-colors-gray-800) !important;
187 a47eb4c Dawsh 2y ago }
188 a47eb4c Dawsh 2y ago
189 a47eb4c Dawsh 2y ago .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
190 a47eb4c Dawsh 2y ago border-radius: 0.3rem;
191 a47eb4c Dawsh 2y ago background-color: var(--chakra-colors-primary-400) !important;
192 a47eb4c Dawsh 2y ago }
193 a47eb4c Dawsh 2y ago
194 a47eb4c Dawsh 2y ago .chakra-ui-dark .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
195 a47eb4c Dawsh 2y ago border-radius: 0.3rem;
196 a47eb4c Dawsh 2y ago background-color: var(--chakra-colors-primary-400) !important;
197 a47eb4c Dawsh 2y ago }
198 a47eb4c Dawsh 2y ago
199 a47eb4c Dawsh 2y ago .react-datepicker__day--outside-month {
200 a47eb4c Dawsh 2y ago visibility: hidden;
201 a47eb4c Dawsh 2y ago }
202 a47eb4c Dawsh 2y ago
203 a47eb4c Dawsh 2y ago .datepicker-panel .react-datepicker {
204 a47eb4c Dawsh 2y ago background-color: unset;
205 a47eb4c Dawsh 2y ago border: unset;
206 a47eb4c Dawsh 2y ago border-radius: unset;
207 a47eb4c Dawsh 2y ago display: inline-block;
208 a47eb4c Dawsh 2y ago position: relative;
209 a47eb4c Dawsh 2y ago }
210 a47eb4c Dawsh 2y ago
211 a47eb4c Dawsh 2y ago .green {
212 a47eb4c Dawsh 2y ago background: #66ff99;
213 a47eb4c Dawsh 2y ago }
214 a47eb4c Dawsh 2y ago
215 a47eb4c Dawsh 2y ago .red {
216 a47eb4c Dawsh 2y ago background: #e53e3e;
217 a47eb4c Dawsh 2y ago }
218 a47eb4c Dawsh 2y ago
219 a47eb4c Dawsh 2y ago .orange {
220 a47eb4c Dawsh 2y ago background: #fbd38d;
221 a47eb4c Dawsh 2y ago }
222 a47eb4c Dawsh 2y ago
223 a47eb4c Dawsh 2y ago .circle {
224 a47eb4c Dawsh 2y ago min-width: 10px;
225 a47eb4c Dawsh 2y ago min-height: 10px;
226 a47eb4c Dawsh 2y ago border-radius: 50%;
227 a47eb4c Dawsh 2y ago
228 a47eb4c Dawsh 2y ago box-shadow: 0px 0px 1px 1px #0000001a;
229 a47eb4c Dawsh 2y ago }
230 a47eb4c Dawsh 2y ago
231 a47eb4c Dawsh 2y ago .pulse {
232 a47eb4c Dawsh 2y ago animation: pulse-animation 3s infinite;
233 a47eb4c Dawsh 2y ago }
234 bedeeff Mardin 2y ago
235 a47eb4c Dawsh 2y ago .pulse.green {
236 a47eb4c Dawsh 2y ago animation: green-pulse-animation 3s infinite;
237 a47eb4c Dawsh 2y ago }
238 bedeeff Mardin 2y ago
239 bedeeff Mardin 2y ago .pulse.red {
240 a47eb4c Dawsh 2y ago animation: red-pulse-animation 3s infinite;
241 a47eb4c Dawsh 2y ago }
242 bedeeff Mardin 2y ago
243 bedeeff Mardin 2y ago .pulse.orange {
244 a47eb4c Dawsh 2y ago animation: orange-pulse-animation 3s infinite;
245 a47eb4c Dawsh 2y ago }
246 a47eb4c Dawsh 2y ago
247 a47eb4c Dawsh 2y ago @keyframes pulse-animation {
248 a47eb4c Dawsh 2y ago 0% {
249 a47eb4c Dawsh 2y ago box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.4);
250 a47eb4c Dawsh 2y ago }
251 a47eb4c Dawsh 2y ago
252 a47eb4c Dawsh 2y ago 100% {
253 a47eb4c Dawsh 2y ago box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
254 a47eb4c Dawsh 2y ago }
255 a47eb4c Dawsh 2y ago }
256 bedeeff Mardin 2y ago
257 a47eb4c Dawsh 2y ago @keyframes green-pulse-animation {
258 a47eb4c Dawsh 2y ago 0% {
259 a47eb4c Dawsh 2y ago box-shadow: 0 0 0 0px #66ff9975;
260 a47eb4c Dawsh 2y ago }
261 a47eb4c Dawsh 2y ago
262 a47eb4c Dawsh 2y ago 100% {
263 a47eb4c Dawsh 2y ago box-shadow: 0 0 0 10px #66ff9900;
264 a47eb4c Dawsh 2y ago }
265 a47eb4c Dawsh 2y ago }
266 bedeeff Mardin 2y ago
267 a47eb4c Dawsh 2y ago @keyframes red-pulse-animation {
268 a47eb4c Dawsh 2y ago 0% {
269 a47eb4c Dawsh 2y ago box-shadow: 0 0 0 0px #e53e3e8c;
270 a47eb4c Dawsh 2y ago }
271 a47eb4c Dawsh 2y ago
272 a47eb4c Dawsh 2y ago 100% {
273 a47eb4c Dawsh 2y ago box-shadow: 0 0 0 10px #e53e3e00;
274 a47eb4c Dawsh 2y ago }
275 a47eb4c Dawsh 2y ago }
276 bedeeff Mardin 2y ago
277 a47eb4c Dawsh 2y ago @keyframes orange-pulse-animation {
278 a47eb4c Dawsh 2y ago 0% {
279 a47eb4c Dawsh 2y ago box-shadow: 0 0 0 0px #fbd38d85;
280 a47eb4c Dawsh 2y ago }
281 a47eb4c Dawsh 2y ago
282 a47eb4c Dawsh 2y ago 100% {
283 a47eb4c Dawsh 2y ago box-shadow: 0 0 0 10px #fbd38d00;
284 a47eb4c Dawsh 2y ago }
285 a47eb4c Dawsh 2y ago }
286 a47eb4c Dawsh 2y ago
287 a47eb4c Dawsh 2y ago .flex-status {
288 a47eb4c Dawsh 2y ago display: flex;
289 a47eb4c Dawsh 2y ago align-items: center;
290 a47eb4c Dawsh 2y ago justify-content: start;
291 a47eb4c Dawsh 2y ago gap: .7rem;
292 bedeeff Mardin 2y ago }