diff --git a/info.html b/info.html index 70e8e4b..b62a248 100644 --- a/info.html +++ b/info.html @@ -42,7 +42,7 @@ transition: color 0.2s; background: rgba(15,15,15,0.7); padding: 0.4rem 0.8rem; - border-radius: 6px; + border-radius: 3px; border: 1px solid #333; } @@ -107,7 +107,7 @@ background: #1a1a2e; color: #e0e0e0; border: 1px solid #333; - border-radius: 6px; + border-radius: 3px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 0.7rem; @@ -142,6 +142,10 @@ .row .val { font-size: 0.65rem; } } + + +
+
diff --git a/reaction.html b/reaction.html index d58a938..02c4072 100644 --- a/reaction.html +++ b/reaction.html @@ -44,7 +44,7 @@ transition: color 0.2s; background: rgba(15,15,15,0.7); padding: 0.4rem 0.8rem; - border-radius: 6px; + border-radius: 3px; border: 1px solid #333; } @@ -58,7 +58,7 @@ align-items: center; justify-content: center; cursor: pointer; - transition: background 0.15s; + } #reactionArea.waiting { @@ -132,7 +132,7 @@ background: #1a1a2e; color: #e0e0e0; border: 1px solid #333; - border-radius: 8px; + border-radius: 4px; font-family: 'Inter', sans-serif; font-weight: 800; font-size: 0.85rem; @@ -164,6 +164,10 @@ .result-box .value { font-size: 1.1rem; } } + + +
+
diff --git a/wave.html b/wave.html index bcbbf6d..5a0c332 100644 --- a/wave.html +++ b/wave.html @@ -43,7 +43,7 @@ max-width: 100%; max-height: 100%; aspect-ratio: 1; - border-radius: 12px; + border-radius: 2px; box-shadow: 0 0 60px rgba(74,74,138,0.15); cursor: crosshair; } @@ -72,7 +72,7 @@ transition: color 0.2s; background: rgba(15,15,15,0.7); padding: 0.4rem 0.8rem; - border-radius: 6px; + border-radius: 3px; border: 1px solid #333; } @@ -86,14 +86,14 @@ padding: 1.2rem; background: rgba(20,20,35,0.85); border: 1px solid #2a2a4a; - border-radius: 12px; + border-radius: 2px; max-height: 90vh; overflow-y: auto; flex-shrink: 0; } .settings::-webkit-scrollbar { width: 4px; } - .settings::-webkit-scrollbar-thumb { background: #333; border-radius: 2px; } + .settings::-webkit-scrollbar-thumb { background: #333; border-radius: 1px; } .settings-title { color: #aaa; @@ -129,7 +129,7 @@ width: 100%; height: 3px; background: #2a2a4a; - border-radius: 2px; + border-radius: 1px; outline: none; cursor: pointer; } @@ -170,7 +170,7 @@ .palette-swatch { width: 28px; height: 20px; - border-radius: 4px; + border-radius: 2px; border: 2px solid transparent; cursor: pointer; transition: all 0.2s; @@ -184,7 +184,7 @@ background: transparent; color: #666; border: 1px solid #333; - border-radius: 6px; + border-radius: 3px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 0.6rem; @@ -216,6 +216,10 @@ .s-group input[type="range"]::-moz-range-thumb { width: 16px; height: 16px; } } + + +
+