Spaces:
Running
Running
Move PSD export button above color group swatches
Browse files- dist/assets/{index-CuNULEgq.js → index-CQlkQf-u.js} +0 -0
- dist/index.html +1 -1
- src/App.jsx +10 -10
dist/assets/{index-CuNULEgq.js → index-CQlkQf-u.js}
RENAMED
|
The diff for this file is too large to render.
See raw diff
|
|
|
dist/index.html
CHANGED
|
@@ -5,7 +5,7 @@
|
|
| 5 |
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
<title>svg-color-grouper</title>
|
| 8 |
-
<script type="module" crossorigin src="/assets/index-
|
| 9 |
<link rel="stylesheet" crossorigin href="/assets/index-B7wJEinD.css">
|
| 10 |
</head>
|
| 11 |
<body>
|
|
|
|
| 5 |
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
<title>svg-color-grouper</title>
|
| 8 |
+
<script type="module" crossorigin src="/assets/index-CQlkQf-u.js"></script>
|
| 9 |
<link rel="stylesheet" crossorigin href="/assets/index-B7wJEinD.css">
|
| 10 |
</head>
|
| 11 |
<body>
|
src/App.jsx
CHANGED
|
@@ -178,6 +178,16 @@ export default function App() {
|
|
| 178 |
{loadError && <div className="status error">{loadError}</div>}
|
| 179 |
</div>
|
| 180 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 181 |
{loaded && groups.length > 0 && (
|
| 182 |
<div className="section">
|
| 183 |
<h3>色グループ ({groups.length}グループ / クリックで表示切替)</h3>
|
|
@@ -192,16 +202,6 @@ export default function App() {
|
|
| 192 |
</div>
|
| 193 |
</div>
|
| 194 |
)}
|
| 195 |
-
|
| 196 |
-
{loaded && groups.length > 0 && (
|
| 197 |
-
<div className="section">
|
| 198 |
-
<h3>出力</h3>
|
| 199 |
-
<button className="export-btn" onClick={handleExport}>
|
| 200 |
-
PSDエクスポート
|
| 201 |
-
</button>
|
| 202 |
-
{exportStatus && <div className="status">{exportStatus}</div>}
|
| 203 |
-
</div>
|
| 204 |
-
)}
|
| 205 |
</div>
|
| 206 |
|
| 207 |
<div className="main">
|
|
|
|
| 178 |
{loadError && <div className="status error">{loadError}</div>}
|
| 179 |
</div>
|
| 180 |
|
| 181 |
+
{loaded && groups.length > 0 && (
|
| 182 |
+
<div className="section">
|
| 183 |
+
<h3>出力</h3>
|
| 184 |
+
<button className="export-btn" onClick={handleExport}>
|
| 185 |
+
PSDエクスポート
|
| 186 |
+
</button>
|
| 187 |
+
{exportStatus && <div className="status">{exportStatus}</div>}
|
| 188 |
+
</div>
|
| 189 |
+
)}
|
| 190 |
+
|
| 191 |
{loaded && groups.length > 0 && (
|
| 192 |
<div className="section">
|
| 193 |
<h3>色グループ ({groups.length}グループ / クリックで表示切替)</h3>
|
|
|
|
| 202 |
</div>
|
| 203 |
</div>
|
| 204 |
)}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 205 |
</div>
|
| 206 |
|
| 207 |
<div className="main">
|