diff --git a/code/websites/pokedex.online/src/views/GamemasterManager.vue b/code/websites/pokedex.online/src/views/GamemasterManager.vue index 6136063..f32cc5e 100644 --- a/code/websites/pokedex.online/src/views/GamemasterManager.vue +++ b/code/websites/pokedex.online/src/views/GamemasterManager.vue @@ -519,6 +519,71 @@ h2 { color: #495057; } +.status-card { + background: white; + padding: 1.5rem; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.status-card p { + margin: 0.75rem 0; + color: #495057; + font-size: 1rem; +} + +.status-card strong { + color: #667eea; +} + +.file-list { + margin-top: 1rem; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 0.75rem; +} + +.file-item { + background: #f8f9fa; + padding: 0.75rem; + border-radius: 6px; + border: 1px solid #e9ecef; + display: flex; + justify-content: space-between; + align-items: center; +} + +.file-name { + font-weight: 500; + color: #495057; + font-size: 0.9rem; + word-break: break-word; + flex: 1; +} + +.file-size { + color: #999; + font-size: 0.85rem; + margin-left: 0.5rem; + white-space: nowrap; +} + +.code-block { + background: #2d3748; + color: #e2e8f0; + padding: 1rem; + border-radius: 6px; + overflow-x: auto; + margin: 1rem 0; + font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; + font-size: 0.85rem; + line-height: 1.5; +} + +.code-block code { + color: inherit; +} + @media (max-width: 768px) { .container { padding: 1rem; @@ -540,5 +605,9 @@ h2 { width: 100%; margin-right: 0; } + + .file-list { + grid-template-columns: 1fr; + } }