Skip to content

Commit a8fe5a6

Browse files
new-sankakunew-sankaku
authored
Merge pull request #71 from new-sankaku/claude/create-roadmap-folder-C7Mzg
Add inpaint editor with mask drawing and ComfyUI integration
2 parents 6e1bcf3 + e103368 commit a8fe5a6

File tree

67 files changed

+6137
-285
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

67 files changed

+6137
-285
lines changed

‎CLAUDE.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11

22
・Sonnet Haikuをサブエージェントとすることは禁止、サブエージェントは基本的にOpusを使用する。
3-
3+
・`file://` プロトコルで動作することが必須条件です。
44

55
# プロジェクト注意事項
66

‎css/ui/angle-editor.css‎

Lines changed: 180 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,180 @@
1+
.angle-modal-overlay{
2+
position:fixed;
3+
top:0;
4+
left:0;
5+
width:100%;
6+
height:100%;
7+
background-color:rgba(0,0,0,0.7);
8+
z-index:10000;
9+
display:flex;
10+
align-items:center;
11+
justify-content:center;
12+
}
13+
.angle-modal-content{
14+
display:flex;
15+
flex-direction:row;
16+
width:95vw;
17+
height:90vh;
18+
max-width:1400px;
19+
max-height:900px;
20+
background-color:var(--background-color-A);
21+
border:1px solid var(--fjm-border-color);
22+
border-radius:6px;
23+
overflow:hidden;
24+
position:relative;
25+
}
26+
#angle-left-panel{
27+
display:flex;
28+
flex-direction:column;
29+
align-items:center;
30+
justify-content:center;
31+
padding:10px;
32+
background-color:var(--background-color-B);
33+
border-right:1px solid var(--fjm-border-color);
34+
flex-shrink:0;
35+
width:320px;
36+
min-height:0;
37+
}
38+
#angle-left-panel label{
39+
font-size:12px;
40+
color:var(--component-text-color);
41+
margin-bottom:6px;
42+
}
43+
#angle-original-img{
44+
max-width:100%;
45+
max-height:calc(90vh - 60px);
46+
border:1px solid var(--fjm-border-color);
47+
border-radius:3px;
48+
object-fit:contain;
49+
}
50+
#angle-center-panel{
51+
flex:1;
52+
display:flex;
53+
flex-direction:column;
54+
align-items:center;
55+
justify-content:center;
56+
padding:10px;
57+
background-color:#0a0a0f;
58+
min-height:0;
59+
min-width:0;
60+
gap:8px;
61+
}
62+
#angle-camera-widget-container{
63+
width:100%;
64+
flex:1;
65+
min-height:200px;
66+
}
67+
#angle-camera-prompt-display{
68+
font-size:13px;
69+
color:#e93d82;
70+
text-align:center;
71+
min-height:20px;
72+
padding:4px;
73+
}
74+
#angle-camera-reset-btn{
75+
padding:4px 16px;
76+
border:1px solid #e93d82;
77+
background:transparent;
78+
color:#e93d82;
79+
cursor:pointer;
80+
border-radius:3px;
81+
font-size:12px;
82+
}
83+
#angle-camera-reset-btn:hover{
84+
background-color:rgba(233,61,130,0.15);
85+
}
86+
#angle-right-panel{
87+
display:flex;
88+
flex-direction:column;
89+
gap:8px;
90+
padding:10px;
91+
background-color:var(--background-color-B);
92+
border-left:1px solid var(--fjm-border-color);
93+
flex-shrink:0;
94+
width:240px;
95+
overflow-y:auto;
96+
}
97+
.angle-control-row{
98+
display:flex;
99+
flex-direction:column;
100+
gap:4px;
101+
}
102+
.angle-control-row label{
103+
font-size:12px;
104+
color:var(--component-text-color);
105+
white-space:nowrap;
106+
}
107+
.angle-control-row textarea{
108+
background-color:var(--background-color-A);
109+
color:var(--component-text-color);
110+
border:1px solid var(--fjm-border-color);
111+
border-radius:3px;
112+
padding:4px 6px;
113+
font-size:12px;
114+
resize:vertical;
115+
width:100%;
116+
box-sizing:border-box;
117+
min-height:60px;
118+
}
119+
.angle-action-btn{
120+
padding:6px 10px;
121+
border:1px solid var(--fjm-border-color);
122+
background-color:var(--background-color-A);
123+
color:var(--component-text-color);
124+
cursor:pointer;
125+
border-radius:3px;
126+
font-size:12px;
127+
width:100%;
128+
text-align:center;
129+
}
130+
.angle-action-btn:hover{
131+
background-color:var(--background-color-C);
132+
}
133+
.angle-action-btn:disabled{
134+
opacity:0.5;
135+
cursor:default;
136+
}
137+
.angle-separator{
138+
width:100%;
139+
height:1px;
140+
background-color:var(--fjm-border-color);
141+
margin:4px 0;
142+
display:block;
143+
}
144+
.angle-close-btn{
145+
position:absolute;
146+
top:6px;
147+
right:6px;
148+
width:28px;
149+
height:28px;
150+
border:none;
151+
background:none;
152+
color:var(--component-text-color);
153+
font-size:18px;
154+
cursor:pointer;
155+
border-radius:3px;
156+
display:flex;
157+
align-items:center;
158+
justify-content:center;
159+
z-index:1;
160+
}
161+
.angle-close-btn:hover{
162+
background-color:var(--background-color-C);
163+
}
164+
#angle-generate-btn{
165+
padding:8px 20px;
166+
background-color:var(--accent-color,#4a90d9);
167+
color:#fff;
168+
border:none;
169+
border-radius:3px;
170+
cursor:pointer;
171+
font-size:13px;
172+
width:100%;
173+
}
174+
#angle-generate-btn:hover{
175+
opacity:0.85;
176+
}
177+
#angle-generate-btn:disabled{
178+
opacity:0.5;
179+
cursor:default;
180+
}

0 commit comments

Comments
 (0)