Hugging Face's logo

Spaces:
Sebastiankay
/
bilder-builder
Sleeping

App Files Community
1
Sebastiankay commited on
Commit
ccdefe5
•
1 Parent(s): b32d2a0

Update _res/_custom.css

Browse files
Files changed (1) hide show
  1. _res/_custom.css +83 -57
_res/_custom.css CHANGED
@@ -60,64 +60,90 @@ body::-webkit-scrollbar {
60
 
61
  body {
62
  /* min-height: 101vh; */
63
- }
64
-
65
- body>gradio-app {
66
- /* background: var(--primary-950);
67
- background-image: 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; */
68
- padding-top: 120px;
69
- /* min-width: 900px; */
70
- transition: opacity 0.4s linear;
71
- position: relative;
72
-
73
- & #alertModal {
74
- position: absolute;
75
- top: 250px;
76
- left: 50%;
77
- width: 400px;
78
- max-width: 80vw !important;
79
- min-height: 140px;
80
- transform: translate(-50%, -50%);
81
- padding: var(--size-4) var(--size-8);
82
- background-color: var(--neutral-900) !important;
83
-
84
- border-top-width: 8px;
85
- border-right-width: 1px;
86
- border-bottom-width: 1px;
87
- border-left-width: 1px;
88
- border-top-style: solid;
89
- border-right-style: solid;
90
- border-bottom-style: solid;
91
- border-left-style: solid;
92
- border-top-color: var(--primary-600);
93
- border-right-color: var(--primary-600);
94
- border-bottom-color: var(--primary-600);
95
- border-left-color: var(--primary-600);
96
-
97
- border-radius: var(--container-radius);
98
-
99
- & #alertModalP {
100
- display: flex;
101
- justify-content: center;
102
-
103
- & span {
104
- color: var(--neutral-50);
105
- margin-top: 0rem;
106
- line-height: 1.4;
107
- }
108
-
109
- & svg {
110
- font-size: 4rem;
111
- margin-right: 1rem;
112
- color: var(--cat-red);
113
- fill: var(--cat-red);
114
- }
115
- }
116
-
117
- & button {
118
- color: var(--text-color-by-luminance) !important;
119
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
120
  }
 
121
  }
122
 
123
  body>gradio-app::before {
 
60
 
61
  body {
62
  /* min-height: 101vh; */
63
+
64
+ gradio-app {
65
+ /* background: var(--primary-950);
66
+ background-image: 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; */
67
+ padding-top: 120px;
68
+ /* min-width: 900px; */
69
+ transition: opacity 0.4s linear;
70
+ position: relative;
71
+
72
+ & #alertModal {
73
+ position: absolute;
74
+ top: 250px;
75
+ left: 50%;
76
+ width: 400px;
77
+ max-width: 80vw !important;
78
+ min-height: 140px;
79
+ transform: translate(-50%, -50%);
80
+ padding: var(--size-4) var(--size-8);
81
+ background-color: var(--neutral-900) !important;
82
+
83
+ border-top-width: 8px;
84
+ border-right-width: 1px;
85
+ border-bottom-width: 1px;
86
+ border-left-width: 1px;
87
+ border-top-style: solid;
88
+ border-right-style: solid;
89
+ border-bottom-style: solid;
90
+ border-left-style: solid;
91
+ border-top-color: var(--primary-600);
92
+ border-right-color: var(--primary-600);
93
+ border-bottom-color: var(--primary-600);
94
+ border-left-color: var(--primary-600);
95
+
96
+ border-radius: var(--container-radius);
97
+
98
+ & #alertModalP {
99
+ display: flex;
100
+ justify-content: center;
101
+
102
+ & span {
103
+ color: var(--neutral-50);
104
+ margin-top: 0rem;
105
+ line-height: 1.4;
106
+ }
107
+
108
+ & svg {
109
+ font-size: 4rem;
110
+ margin-right: 1rem;
111
+ color: var(--cat-red);
112
+ fill: var(--cat-red);
113
+ }
114
+ }
115
+
116
+ & button {
117
+ color: var(--text-color-by-luminance) !important;
118
+ }
119
+ }
120
+
121
+ .md-header {
122
+ padding: var(--size-2) var(--size-1);
123
+ & h1 {
124
+ color: var(--primary-950) !important;
125
+ }
126
+
127
+ & p,
128
+ span {
129
+ color: var(--neutral-800) !important;
130
+ line-height: 1.5 !important;
131
+ font-size: 1.1rem !important;
132
+
133
+ & i {
134
+ display: inline-flex;
135
+ align-items: center;
136
+ justify-content: center;
137
+
138
+ & svg {
139
+ font-size: inherit !important;
140
+ width: 16px !important;
141
+ height: 16px !important;
142
+ }
143
+ }
144
+ }
145
  }
146
+ }
147
  }
148
 
149
  body>gradio-app::before {