diff options
| author | ertopogo <erwin.t.pombett@gmail.com> | 2026-03-13 00:33:28 +0100 |
|---|---|---|
| committer | ertopogo <erwin.t.pombett@gmail.com> | 2026-03-13 00:33:28 +0100 |
| commit | b34873f98052ac5fb4bf6731a25730075796d764 (patch) | |
| tree | 0b27ef2996894287aaf382b43956d6cf45352e94 /viewer-bff/public/styles.css | |
Diffstat (limited to 'viewer-bff/public/styles.css')
| -rw-r--r-- | viewer-bff/public/styles.css | 93 |
1 files changed, 93 insertions, 0 deletions
diff --git a/viewer-bff/public/styles.css b/viewer-bff/public/styles.css new file mode 100644 index 0000000..5417318 --- /dev/null +++ b/viewer-bff/public/styles.css @@ -0,0 +1,93 @@ +* {
+ box-sizing: border-box;
+}
+
+body {
+ margin: 0;
+ font-family: Arial, sans-serif;
+ background: #0f172a;
+ color: #e2e8f0;
+}
+
+.container {
+ max-width: 1100px;
+ margin: 0 auto;
+ padding: 24px;
+}
+
+h1 {
+ margin: 0 0 20px;
+}
+
+.panel {
+ background: #111827;
+ border: 1px solid #334155;
+ border-radius: 8px;
+ padding: 16px;
+ margin-bottom: 16px;
+}
+
+textarea {
+ width: 100%;
+ background: #0b1220;
+ color: #e2e8f0;
+ border: 1px solid #334155;
+ border-radius: 6px;
+ padding: 10px;
+}
+
+button {
+ margin-top: 10px;
+ background: #2563eb;
+ border: none;
+ color: white;
+ border-radius: 6px;
+ padding: 8px 12px;
+ cursor: pointer;
+}
+
+button:hover {
+ background: #1d4ed8;
+}
+
+.hint {
+ margin-top: 0;
+ color: #94a3b8;
+}
+
+#permissionsOutput {
+ white-space: pre-wrap;
+ background: #0b1220;
+ border: 1px solid #334155;
+ border-radius: 6px;
+ padding: 10px;
+ min-height: 50px;
+}
+
+.gallery {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+ gap: 14px;
+}
+
+.card {
+ background: #0b1220;
+ border: 1px solid #334155;
+ border-radius: 8px;
+ padding: 10px;
+}
+
+.thumb {
+ width: 100%;
+ height: 140px;
+ object-fit: cover;
+ border-radius: 6px;
+ background: #1e293b;
+}
+
+.key {
+ margin: 8px 0;
+ font-size: 12px;
+ word-break: break-all;
+ color: #cbd5e1;
+}
|