B1acB1rd commited on
Commit ·
cc87ddc
1
Parent(s): 1664d16
Fixed frontend display
Browse files
frontend_dist/assets/index-BO5hSLIp.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--bg-color: #0d0d0d;--panel-bg: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .1);--accent-color: #00f0ff;--accent-glow: 0 0 10px rgba(0, 240, 255, .5);--text-primary: #ffffff;--text-secondary: #a1a1a1;--success-color: #00ff9d;font-family:var(--font-family);line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);background-image:radial-gradient(circle at 10% 20%,rgba(0,240,255,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(160,0,255,.05) 0%,transparent 40%)}#root{width:100%;height:100vh;overflow:hidden}.app-container{display:grid;grid-template-columns:350px 1fr;height:100vh}.sidebar{background:var(--panel-bg);border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;display:flex;flex-direction:column;gap:2rem;z-index:10}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.05em;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.5rem}.controls{display:flex;flex-direction:column;gap:1.5rem}.control-group{display:flex;flex-direction:column;gap:.75rem}.control-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.btn{background:#ffffff14;border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn:hover{background:#ffffff26;border-color:#ffffff4d}.btn.primary{background:var(--accent-color);color:#000;border-color:var(--accent-color);font-weight:600;box-shadow:var(--accent-glow)}.btn.primary:hover{background:#4dffff;transform:translateY(-1px)}.btn.active{background:#00f0ff26;border-color:var(--accent-color);color:var(--accent-color)}.input-text{background:#0000004d;border:1px solid var(--border-color);color:#fff;padding:.75rem;border-radius:6px;font-family:inherit;width:100%;box-sizing:border-box}.input-text:focus{outline:none;border-color:var(--accent-color)}.canvas-area{position:relative;display:flex;align-items:center;justify-content:center;background-color:#0003;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;overflow:hidden}.canvas-wrapper{position:relative;box-shadow:0 20px 50px #00000080;border-radius:4px;overflow:hidden;max-width:90%;max-height:90%}.image-canvas{display:block;max-width:100%;height:auto;cursor:crosshair}.overlay-mask{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.6}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.config-panel{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}
|
frontend_dist/assets/index-DYEh9E3T.js
ADDED
|
The diff for this file is too large to render.
See raw diff
|
|
|
frontend_dist/index.html
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!doctype html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 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>SAM 3 Standard</title>
|
| 8 |
+
<script type="module" crossorigin src="/assets/index-DYEh9E3T.js"></script>
|
| 9 |
+
<link rel="stylesheet" crossorigin href="/assets/index-BO5hSLIp.css">
|
| 10 |
+
</head>
|
| 11 |
+
<body>
|
| 12 |
+
<div id="root"></div>
|
| 13 |
+
</body>
|
| 14 |
+
</html>
|