Forked from waak's Battery Builder
Huge thanks to waak for the original project.
Huge thanks to waak for the original project.
+Generate custom 3D printable cell holders with STEP export
diff --git a/styles/main.css b/styles/main.css index 78408a5..decf0d8 100644 --- a/styles/main.css +++ b/styles/main.css @@ -53,18 +53,75 @@ h1:hover { .repo-credit { margin: 0; - padding: 10px 14px; - color: #dbeafe; - font-size: 0.95em; + padding: 5px 10px; + color: #a7f3d0; + font-size: 0.85em; + font-weight: 600; line-height: 1.5; text-align: center; - max-width: 560px; - background: linear-gradient(135deg, rgba(16, 185, 129, 0.16), rgba(59, 130, 246, 0.12)); + background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(110, 231, 183, 0.35); - border-radius: 10px; + border-radius: 8px; animation: fadeInUp 0.6s ease-out 0.15s both; } +.header-right { + display: flex; + flex-direction: row; + align-items: center; + gap: 8px; +} + +.header-title { + display: flex; + flex-direction: column; + gap: 4px; +} + +.waak-credit { + margin: 0; + color: #6ee7b7; + font-size: 0.8em; + opacity: 0.8; +} + +.waak-credit a { + color: #a7f3d0; + font-weight: 600; + text-decoration: none; +} + +.waak-credit a:hover { + text-decoration: underline; +} + +.gitea-link { + display: inline-flex; + align-items: center; + gap: 6px; + align-self: flex-end; + color: #a7f3d0; + font-size: 0.85em; + font-weight: 600; + text-decoration: none; + padding: 5px 10px; + border: 1px solid rgba(110, 231, 183, 0.35); + border-radius: 8px; + background: rgba(16, 185, 129, 0.1); + transition: background 0.2s, color 0.2s; +} + +.gitea-link:hover { + background: rgba(16, 185, 129, 0.22); + color: #ecfdf5; +} + +.gitea-icon { + width: 16px; + height: 16px; + flex-shrink: 0; +} + .repo-credit a { color: #a7f3d0; font-weight: 600;