diff --git a/src/App.css b/src/App.css index 29cba37..3461ffc 100644 --- a/src/App.css +++ b/src/App.css @@ -187,20 +187,17 @@ .footer { position: fixed; bottom: 0; - left: 0; /* add left */ - right: 0; /* already there */ + right: 0; padding: 0.5rem 1rem; - background: var(--card-bg, #1e1e1e); + background: var(--card-bg, #1e1e1e); /* fallback if var not set */ color: var(--text-h, #f0f0f0); border-top-left-radius: 8px; - border-top-right-radius: 8px; /* optional */ border: 1px solid var(--border, #333); font-size: 0.9rem; display: flex; align-items: center; gap: 0.5rem; z-index: 1000; - justify-content: space-between; /* optional for layout */ } .footer button { @@ -221,29 +218,4 @@ .footer button:hover:not(:disabled) { background: var(--accent, #fff); color: var(--accent-bg, #444); -} - -.import-modal { - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - background: var(--card-bg, #2e2e2e); - color: var(--text-h, #fff); - padding: 1rem 2rem; - border-radius: 8px; - border: 1px solid var(--border, #444); - max-width: 80%; - z-index: 1001; - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); -} - -.import-modal button { - margin-top: 1rem; - background: var(--accent-bg, #444); - color: var(--accent, #fff); - border: 1px solid var(--accent-border, #666); - border-radius: 4px; - padding: 4px 8px; - cursor: pointer; } \ No newline at end of file