hookehuyr

✨ feat: 创建活动表单样式整理优化

...@@ -101,17 +101,81 @@ ...@@ -101,17 +101,81 @@
101 } 101 }
102 } 102 }
103 103
104 -.wrapper { 104 +.sign-wrapper {
105 display: flex; 105 display: flex;
106 align-items: center; 106 align-items: center;
107 justify-content: center; 107 justify-content: center;
108 height: 100%; 108 height: 100%;
109 + .block {
110 + background-color: #fff;
111 + border-radius: 0.6rem;
112 + .title {
113 + padding: 1rem 1rem 0.5rem 1rem;
114 + text-align: center;
115 + text {
116 + font-size: 1.15rem;
117 + }
118 + }
119 + .border {
120 + overflow: auto;
121 + border-bottom: 1px solid #F2F2F2;
122 + .fix {
123 + float: left;
124 + padding-top: 0.5rem;
125 + }
126 + }
127 + .cancel-box {
128 + padding: 1rem 0;
129 + margin: 1rem;
130 + text-align: center;
131 + .button {
132 + color: #199A74;
133 + border: 1px solid #199A74;
134 + padding: 0.5rem 1rem;
135 + border-radius: 1rem;
136 + }
137 + }
138 + .confirm-box {
139 + padding: 1rem 0;
140 + margin: 1rem;
141 + text-align: center;
142 + .button {
143 + color: #FFFFFF;
144 + background-color: #199A74;
145 + padding: 0.5rem 1rem;
146 + border-radius: 1rem;
147 + }
148 + }
149 + }
109 } 150 }
110 151
111 -.block { 152 +.limit-wrapper {
112 - background-color: #fff; 153 + .border {
113 - border-radius: 0.6rem; 154 + overflow: auto;
155 + border-bottom: 1px solid #F2F2F2;
156 + .fix {
157 + float: left;
158 + padding-top: 0.6rem;
159 + }
160 + }
114 } 161 }
162 +.limit-button-wrapper {
163 + padding: 1rem 0;
164 + margin: 1rem;
165 + text-align: center;
166 + .button {
167 + padding: 0.5rem 1rem; border-radius: 1rem;
168 + }
169 + .cancel {
170 + color: #199A74;
171 + border: 1px solid #199A74;
172 + }
173 + .confirm {
174 + color: #FFFFFF;
175 + background-color: #199A74;
176 + }
177 +}
178 +
115 179
116 .bg-gradient { 180 .bg-gradient {
117 background: linear-gradient(#B3DDC9, #B3DDC9) no-repeat; 181 background: linear-gradient(#B3DDC9, #B3DDC9) no-repeat;
...@@ -126,3 +190,78 @@ ...@@ -126,3 +190,78 @@
126 color: #199A74; 190 color: #199A74;
127 } 191 }
128 } 192 }
193 +
194 +.advanced-title {
195 + background-color: #FFFFFF;
196 + .box {
197 + padding: 1rem 1rem 0.5rem 1rem;
198 + text-align: center;
199 + }
200 +}
201 +
202 +.public-sub {
203 + padding-right: 0;
204 + .public-sub-border {
205 + border-bottom: 1px solid #F2F2F2;
206 + overflow: auto;
207 + .fix {
208 + padding-top: 0.8rem;
209 + color: #999;
210 + }
211 + }
212 +}
213 +
214 +.inner-sub {
215 + padding-top: 0;
216 + .inner-sub-border {
217 + padding-bottom: 0.5rem;
218 + border-bottom: 1px solid #F2F2F2;
219 + overflow: auto;
220 + .fix {
221 + float: left;
222 + padding-top: 0.5rem;
223 + color: #999;
224 + }
225 + }
226 +}
227 +
228 +.blacklist-sub {
229 + padding-top: 0;
230 + .blacklist-sub-border {
231 + padding-bottom: 0.5rem;
232 + border-bottom: 1px solid #F2F2F2;
233 + overflow: auto;
234 + .fix {
235 + float: left;
236 + padding-top: 0.5rem;
237 + color: #999;
238 + }
239 + }
240 +}
241 +
242 +.server-sub {
243 + padding-top: 0;
244 + padding-right: 0;
245 + .fix {
246 + padding-top: 0.8rem;
247 + color: #999;
248 + }
249 +}
250 +
251 +.confirm-publish-wrapper {
252 + background-color: #FFFFFF;
253 + box-shadow: 0rem -0.17rem 0.67rem 0rem rgba(0,0,0,0.05);
254 + .box {
255 + padding: 1rem 0;
256 + margin: 1rem;
257 + padding-bottom: 2rem;
258 + margin-top: 0;
259 + text-align: center;
260 + .button {
261 + color: #FFFFFF;
262 + background-color: #199A74;
263 + padding: 0.65rem 1rem;
264 + border-radius: 1.5rem;
265 + }
266 + }
267 +}
......
This diff is collapsed. Click to expand it.