Hugging Face's logo

Spaces:
Sebastiankay
/
controlnet-preprocessors-only
Sleeping

App Files Community
Sebastiankay commited on
Commit
6b9677b
·
1 Parent(s): a13431b

3. Okt. 2024, 04:19

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