Randomizer UX: larger magic button, brighter preview text with glow, and magic wand icon

This commit is contained in:
EP
2025-08-21 11:50:57 -07:00
parent de3ce022e8
commit ad4c55ac06
2 changed files with 4 additions and 3 deletions
+3 -2
View File
@@ -1284,7 +1284,8 @@ button:hover {
}
.transform-category-randomizer .transform-preview {
color: rgba(156, 39, 176, 0.9);
color: #e1baff;
text-shadow: 0 0 8px rgba(225,186,255,.35);
}
.transform-button:hover .transform-preview {
@@ -1813,7 +1814,7 @@ button:hover {
position: relative;
overflow: hidden;
border: 2px solid rgba(200, 170, 255, 0.35) !important;
padding: 16px 22px !important;
padding: 18px 28px !important;
letter-spacing: .3px;
}
+1 -1
View File
@@ -744,7 +744,7 @@
:class="{ active: activeTransform === transform }"
:title="'Click to apply random transforms to each word!'"
>
<i class="fas fa-random"></i>
<i class="fas fa-wand-magic-sparkles"></i>
{{ transform.name }}
<small class="transform-preview">
🎯 Each word = different transform!