[client] add a playButton component

2026-06-03 20:13:02 +00:00 · 2022-03-30 14:56:08 +03:00
parent 3924a11c85
commit 1a19fb61cd
1 changed files with 32 additions and 0 deletions
@@ -0,0 +1,32 @@
+<template>
+  <div class="playbtnrect rounded">
+    <div class="icon image"></div>
+    <div class="text">Play</div>
+  </div>
+</template>
+
+<style lang="scss">
+.playbtnrect {
+  width: 6rem;
+  display: flex;
+  align-items: center;
+  height: 2.5rem;
+  padding-left: 0.75rem;
+  cursor: pointer;
+  background: linear-gradient(34deg, $indigo, $pink);
+  user-select: none;
+  transition: all 0.5s ease;
+
+  .icon {
+    height: 2rem;
+    width: 2rem;
+    background-image: url("../../assets/icons/play.svg");
+  }
+
+  &:hover {
+    .icon {
+        transform: rotate(120deg);
+    }
+  }
+}
+</style>