Hugging Face's logo

Spaces:
Sebastiankay
/
controlnet-preprocessors-only
Running

App Files Community
Sebastiankay commited on
Commit
d17ad7a
·
1 Parent(s): bde692a

3. Okt. 2024, 04:47

Browse files
Files changed (1) hide show
  1. _res/_custom.css +56 -55
_res/_custom.css CHANGED
@@ -1,63 +1,64 @@
1
  body {
2
  position: relative !important;
3
- }
4
- body #resolution_modal_wrapper {
5
- position: absolute !important;
6
- inset: 0;
7
- display: flex;
8
- justify-content: center;
9
- align-items: center;
10
- backdrop-filter: blur(12px);
11
- z-index: 200;
12
- }
13
- body #resolution_modal_wrapper #alertModal {
14
- position: absolute !important;
15
- top: 250px;
16
- left: 50%;
17
- width: 400px;
18
- max-width: 80vw !important;
19
- min-height: 140px;
20
- transform: translate(-50%, -50%);
21
- padding: var(--size-4) var(--size-8);
22
- background-color: var(--neutral-900) !important;
23
-
24
- border-top-width: 8px;
25
- border-right-width: 1px;
26
- border-bottom-width: 1px;
27
- border-left-width: 1px;
28
- border-top-style: solid;
29
- border-right-style: solid;
30
- border-bottom-style: solid;
31
- border-left-style: solid;
32
- border-top-color: var(--primary-600);
33
- border-right-color: var(--primary-600);
34
- border-bottom-color: var(--primary-600);
35
- border-left-color: var(--primary-600);
36
-
37
- border-radius: var(--container-radius);
38
- }
39
- #alertModal #alertModalP {
40
- display: flex;
41
- justify-content: center;
42
-
43
- & span {
44
- color: var(--neutral-50);
45
- margin-top: 0rem;
46
- line-height: 1.4;
47
- }
48
 
49
- & svg {
50
- font-size: 4rem;
51
- margin-right: 1rem;
52
- color: var(--cat-red);
53
- fill: var(--cat-red);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
54
  }
55
  }
56
-
57
- #alertModal button {
58
- color: var(--text-color-by-luminance) !important;
59
- }
60
-
61
  body > gradio-app {
62
  /* background: var(--primary-950);
63
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-950), transparent 50%) 0%, color-mix(in srgb, var(--primary-950), transparent 50%) 28%, var(--neutral-950) 28%, var(--neutral-950) 100%) !important; */
 
1
  body {
2
  position: relative !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
 
4
+ & #resolution_modal_wrapper {
5
+ position: absolute !important;
6
+ inset: 0;
7
+ display: flex;
8
+ justify-content: center;
9
+ align-items: center;
10
+ backdrop-filter: blur(12px);
11
+ z-index: 200;
12
+
13
+ & #alertModal {
14
+ position: absolute !important;
15
+ top: 50%;
16
+ left: 50%;
17
+ width: 400px;
18
+ max-width: 80vw !important;
19
+ min-height: 140px;
20
+ transform: translate(-50%, -50%);
21
+ padding: var(--size-4) var(--size-8);
22
+ background-color: var(--neutral-900) !important;
23
+
24
+ border-top-width: 8px;
25
+ border-right-width: 1px;
26
+ border-bottom-width: 1px;
27
+ border-left-width: 1px;
28
+ border-top-style: solid;
29
+ border-right-style: solid;
30
+ border-bottom-style: solid;
31
+ border-left-style: solid;
32
+ border-top-color: var(--primary-600);
33
+ border-right-color: var(--primary-600);
34
+ border-bottom-color: var(--primary-600);
35
+ border-left-color: var(--primary-600);
36
+
37
+ border-radius: var(--container-radius);
38
+
39
+ & #alertModalP {
40
+ display: flex;
41
+ justify-content: center;
42
+
43
+ & span {
44
+ color: var(--neutral-50);
45
+ margin-top: 0rem;
46
+ line-height: 1.4;
47
+ }
48
+
49
+ & svg {
50
+ font-size: 4rem;
51
+ margin-right: 1rem;
52
+ color: var(--cat-red);
53
+ fill: var(--cat-red);
54
+ }
55
+ }
56
+ }
57
+ & button {
58
+ color: var(--text-color-by-luminance) !important;
59
+ }
60
  }
61
  }
 
 
 
 
 
62
  body > gradio-app {
63
  /* background: var(--primary-950);
64
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-950), transparent 50%) 0%, color-mix(in srgb, var(--primary-950), transparent 50%) 28%, var(--neutral-950) 28%, var(--neutral-950) 100%) !important; */