diff --git a/interface/src/pages/Themes.css b/interface/src/pages/Themes.css index 6a02b1c4..58a82a77 100644 --- a/interface/src/pages/Themes.css +++ b/interface/src/pages/Themes.css @@ -1,21 +1,21 @@ @keyframes shake { 0% { - transform: translateX(0) rotate(0); + transform: rotate(0); } 25% { - transform: translateX(-1px) rotate(-1deg); + transform: rotate(-1deg); } 50% { - transform: translateX(1px) rotate(1deg); + transform: rotate(1deg); } 75% { - transform: translateX(-1px) rotate(-1deg); + transform: rotate(-1deg); } 100% { - transform: translateX(0) rotate(0); + transform: rotate(0); } } .animate-shake { - animation: shake 1s linear infinite; + animation: shake 0.5s linear infinite; } diff --git a/interface/src/pages/Themes.tsx b/interface/src/pages/Themes.tsx index c27c09ca..2ca950f6 100644 --- a/interface/src/pages/Themes.tsx +++ b/interface/src/pages/Themes.tsx @@ -109,7 +109,7 @@ const Themes: FC = () => {

Images

{/* Image uploader swatch */} -
+
{/* Plus icon */}  @@ -134,7 +134,7 @@ const Themes: FC = () => {

Videos

{/* Video uploader swatch */} -
+
{/* Plus icon */} 