[client] add a playButton component

2026-06-05 13:03: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>