storage-explorer 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +54 -0
- package/dist/chunk-js4y3bna.css +442 -0
- package/dist/chunk-vtsn1g38.js +1022 -0
- package/dist/index-3xfxtfws.js +238 -0
- package/dist/index-3xfxtfws.js.map +24 -0
- package/dist/index-67w6q0ny.css +1 -0
- package/dist/index-9t8tyk25.js +238 -0
- package/dist/index-9t8tyk25.js.map +24 -0
- package/dist/index-b7b12360.css +1 -0
- package/dist/index-bz8f0q85.js +238 -0
- package/dist/index-bz8f0q85.js.map +18 -0
- package/dist/index-vw9287sb.js +238 -0
- package/dist/index-vw9287sb.js.map +18 -0
- package/dist/index-xde44bqw.css +1 -0
- package/dist/index.html +13 -0
- package/dist/index.js +29485 -0
- package/dist/logo-kygw735p.svg +1 -0
- package/package.json +26 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{color:#112031;--bg-top:#f7f2ea;--bg-bottom:#e6eef8;--panel:#fffc;--panel-border:#cad4e2;--text:#112031;--muted:#5f6f82;--accent:#146c94;--accent-soft:#d9ecf5;--danger:#b9414f;--ok:#1f8b4c;--radius:14px;background:#f4f7fb;font-family:Segoe UI,Avenir Next,Helvetica Neue,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(170deg,var(--bg-top),var(--bg-bottom));min-width:320px;min-height:100vh;margin:0}body:before{content:"";position:fixed;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 20%,#fffa 0,#0000 34%),radial-gradient(circle at 80% 10%,#dce9f8aa 0,#0000 30%),radial-gradient(circle at 70% 80%,#f8e7d6aa 0,#0000 35%);inset:0}#root{width:100%;min-height:100vh}.app-shell{display:grid;grid-template-columns:360px 1fr;align-items: start;gap:1rem;width:min(1280px,100% - 2rem);margin:1rem auto}.panel{background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:0 8px 22px #11203110}.profile-panel{position:sticky;overflow:auto;max-height:calc(100vh - 2rem);padding:1rem;top:1rem}.panel-header h1,.explorer-header h2,.objects-header h3{letter-spacing:.01em;margin:0}.panel-header p,.explorer-header p,.objects-header p{color:var(--muted);margin:.35rem 0 0;font-size:.92rem}.profiles-toolbar{display:flex;justify-content:space-between;align-items: center;margin-top:1rem}.profiles-list{display:grid;gap:.5rem;margin-top:.65rem}.profile-card{border:1px solid var(--panel-border);overflow:hidden;background:#fff;border-radius:10px}.profile-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.profile-select{text-align:left;display:grid;cursor:pointer;background:0 0;border:0;gap:.25rem;width:100%;padding:.65rem .75rem}.profile-name{font-weight:600}.profile-endpoint{color:var(--muted);overflow-wrap:anywhere;font-size:.84rem}.delete-button{border:0;border-top:1px solid var(--panel-border);color:var(--danger);cursor:pointer;background:#fff;width:100%;padding:.45rem .75rem}.profile-form{display:grid;gap:.7rem;margin-top:1rem}.profile-form label{display:grid;gap:.35rem;font-size:.9rem}.profile-form input{border:1px solid var(--panel-border);font:inherit;color:var(--text);background:#fff;border-radius:9px;padding:.55rem .65rem}.profile-form input:focus{outline:2px solid #0000;border-color:var(--accent);box-shadow:0 0 0 2px #146c9430}.secret-row{display:flex;gap:.5rem}.secret-row input{flex:1}.checkbox-row{grid-template-columns:auto 1fr;align-items: center}.checkbox-row input{width:1rem;height:1rem}.form-actions{display:flex;flex-wrap:wrap;gap:.55rem}.primary-button,.secondary-button,.ghost-button{font:inherit;cursor:pointer;border-radius:9px;padding:.55rem .85rem;transition:all .14s}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.primary-button:hover{filter:brightness(1.05)}.secondary-button{border:1px solid var(--panel-border);color:var(--text);background:#fff}.secondary-button:hover,.ghost-button:hover,.delete-button:hover,.bucket-item:hover,.object-row.folder:hover{background:var(--accent-soft)}.ghost-button{border:1px solid var(--panel-border);color:var(--muted);background:#fff}button:disabled{opacity:.58;cursor:not-allowed}.status-ok,.status-error,.empty-copy{margin:.75rem 0 0;font-size:.88rem}.status-ok{color:var(--ok)}.status-error{color:var(--danger)}.empty-copy{color:var(--muted)}.explorer-panel{display:grid;gap:1rem;padding:1rem}.explorer-header,.objects-header{display:flex;justify-content:space-between;align-items: flex-start;gap:1rem}.buckets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem}.manual-bucket-form{display:grid;border:1px solid var(--panel-border);background:#fff;border-radius:10px;gap:.45rem;padding:.7rem}.manual-bucket-form label{color:var(--muted);font-size:.88rem}.manual-bucket-row{display:flex;align-items: center;gap:.5rem}.manual-bucket-row input{border:1px solid var(--panel-border);font:inherit;color:var(--text);background:#fff;border-radius:9px;flex:1;padding:.55rem .65rem}.manual-bucket-row input:focus{outline:2px solid #0000;border-color:var(--accent);box-shadow:0 0 0 2px #146c9430}.helper-copy{color:var(--muted);margin:0;font-size:.82rem}.bucket-item{border:1px solid var(--panel-border);text-align:left;display:grid;cursor:pointer;background:#fff;border-radius:10px;gap:.2rem;padding:.7rem}.bucket-item.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.bucket-item small{color:var(--muted)}.objects-actions{display:flex;flex-wrap:wrap;gap:.5rem}.objects-list{border:1px solid var(--panel-border);overflow:auto;background:#fff;border-radius:10px;min-height:320px;padding:.5rem}.object-row{color:var(--text);display:grid;grid-template-columns:1fr auto auto;text-align:left;background:#fff;border:0;border-bottom:1px solid #e6edf6;align-items: center;gap:.8rem;width:100%;padding:.65rem}.object-row:last-child{border-bottom:0}.object-row.folder{cursor:pointer}.object-name{overflow-wrap:anywhere}.object-meta{color:var(--muted);white-space:nowrap;font-size:.82rem}@media (max-width:1020px){.app-shell{grid-template-columns:1fr}.profile-panel{position:static;max-height:none}.explorer-header,.objects-header{flex-direction:column}.object-row{grid-template-columns:1fr}.manual-bucket-row{flex-direction:column;align-items:stretch}.object-meta{white-space:normal}}
|