Skip to content

Commit 99a536a

Browse files
Kyarasu0Kyarasu0
committed
Fix: Done
1 parent b352987 commit 99a536a

4 files changed

Lines changed: 702 additions & 10 deletions

File tree

‎Frontend/src/Workspace/Pages/Create/Create.css‎

Lines changed: 257 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,257 @@
1+
* {
2+
/*初期設定*/
3+
margin: 0;
4+
padding: 0;
5+
box-sizing: border-box;
6+
}
7+
8+
html,
9+
body,
10+
#root {
11+
height: 100%;
12+
width: 100%;
13+
overflow-x: hidden;
14+
}
15+
16+
h1{
17+
/*文字設定*/
18+
color: #242B3C;
19+
font-size: 40px;
20+
white-space: nowrap;
21+
22+
}
23+
24+
h2 {
25+
/*文字設定*/
26+
color: #242B3C;
27+
}
28+
29+
form {
30+
/*大きさ設定*/
31+
height: 100%;
32+
overflow-x: hidden;
33+
width: 100%;
34+
}
35+
36+
.CreateBackground {
37+
/*大きさ設定*/
38+
height: 100%;
39+
width: 100%;
40+
overflow-x: hidden;
41+
42+
/*背景設定*/
43+
background-color: #F3F4F8;
44+
45+
/*位置設定*/
46+
display: flex;
47+
flex-direction: column;
48+
}
49+
50+
.CreateTab {
51+
/*大きさ設定*/
52+
height: 10%;
53+
width: 100%;
54+
55+
/*位置設定*/
56+
display: flex;
57+
flex-direction: row;
58+
59+
/*背景設定*/
60+
background-color: white;
61+
}
62+
63+
.CreateLeft {
64+
/*大きさ設定*/
65+
height: 100%;
66+
width: 50%;
67+
68+
/*位置設定*/
69+
display: flex;
70+
flex-direction: row;
71+
align-items: center;
72+
73+
/*余白設定*/
74+
padding: 1%;
75+
gap: 2%;
76+
}
77+
78+
.CreateIcon{
79+
/*大きさ設定*/
80+
height: 100%;
81+
object-fit: contain;
82+
83+
}
84+
85+
.CreateButton{
86+
/*背景設定*/
87+
background-color: white;
88+
89+
/*飾り設定*/
90+
border: none;
91+
}
92+
93+
.CreateRight {
94+
/*大きさ設定*/
95+
height: 100%;
96+
width: 50%;
97+
98+
/*位置設定*/
99+
display: flex;
100+
flex-direction: row;
101+
justify-content: flex-end;
102+
align-items: center;
103+
gap: 2%;
104+
105+
/*余白設定*/
106+
padding: 1%;
107+
gap: 2%;
108+
}
109+
110+
.CreateBox {
111+
/*大きさ設定*/
112+
height: 90%;
113+
width: 100%;
114+
overflow-x: hidden;
115+
116+
/*位置設定*/
117+
display: flex;
118+
flex-direction: column;
119+
justify-content: center;
120+
align-items: center;
121+
122+
/*余白設定*/
123+
padding: 20px;
124+
gap: 2%;
125+
}
126+
127+
.CreateRegister {
128+
/*大きさ設定*/
129+
overflow-y: auto;
130+
overflow-x: hidden;
131+
min-height: 95%;
132+
overflow-y: auto;
133+
134+
/*位置設定*/
135+
display: flex;
136+
flex-direction: column;
137+
justify-content: center;
138+
align-items: center;
139+
140+
/*余白設定*/
141+
gap: 5%;
142+
padding-bottom: 10px;
143+
padding-top: 10px;
144+
145+
/*背景設定*/
146+
background-color: white;
147+
border-radius: 10px;
148+
box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
149+
}
150+
151+
.CreateInput {
152+
/*大きさ設定*/
153+
width: 100%;
154+
height: auto;
155+
156+
/*位置設定*/
157+
display: flex;
158+
flex-direction: row;
159+
justify-content: center;
160+
align-items: center;
161+
flex-wrap: wrap;
162+
163+
/*余白設定*/
164+
gap: 20px;
165+
padding-bottom: 10px;
166+
}
167+
168+
.CreateOneset {
169+
/*大きさ設定*/
170+
width: 40%;
171+
min-width: 250px;
172+
173+
/*位置設定*/
174+
display: flex;
175+
flex-direction: column;
176+
justify-content: center;
177+
align-items: flex-start;
178+
179+
180+
/*文字設定*/
181+
font-size: 30px;
182+
font-weight: bold;
183+
color: #242B3C !important;
184+
185+
/*余白設定*/
186+
padding-bottom: 5px;
187+
}
188+
189+
190+
191+
.CreateImage {
192+
/*大きさ設定*/
193+
height: 100%;
194+
max-width: 25%;
195+
object-fit: contain;
196+
}
197+
198+
.CreateOneset input {
199+
/*大きさ設定*/
200+
width: 100%;
201+
min-height: 75px;
202+
203+
/*文字設定*/
204+
font-size: 40px;
205+
color: #242B3C !important;
206+
}
207+
208+
.CreateFile{
209+
/*大きさ設定*/
210+
height: 100%;
211+
max-height: 110px;
212+
width: 100%;
213+
max-width: 450px;
214+
215+
/*位置設定*/
216+
display: flex;
217+
justify-content: center;
218+
align-items: center;
219+
220+
/*文字設定*/
221+
font-weight: bold;
222+
font-size: 30px;
223+
224+
/*飾り設定*/
225+
border: none;
226+
border: 2px solid #C9C9CB;
227+
border-radius: 8px;
228+
229+
/*余白設定*/
230+
padding: 5px;
231+
232+
/*背景設定*/
233+
background-color: #FBFBFD;
234+
235+
/*文字設定*/
236+
color: #242B3C !important;
237+
}
238+
239+
.CreateRegister button {
240+
/*大きさ設定*/
241+
width: 40%;
242+
height: 20%;
243+
244+
/*位置設定*/
245+
display: flex;
246+
justify-content: center;
247+
align-items: center;
248+
249+
/*文字設定*/
250+
font-size: 40px;
251+
}
252+
253+
.CreateError {
254+
/*文字設定*/
255+
color: red;
256+
}
257+

0 commit comments

Comments
 (0)