mirror of
https://github.com/elder-plinius/P4RS3LT0NGV3.git
synced 2026-06-12 09:47:48 +02:00
Randomizer UX: larger magic button, brighter preview text with glow, and magic wand icon
This commit is contained in:
+3
-2
@@ -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
@@ -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!
|
||||
|
||||
Reference in New Issue
Block a user