Move new playlist button to nav

2026-06-05 04:53:01 +00:00 · 2022-09-02 18:51:59 +03:00
parent 3c527f1841
commit 4c8d437530
3 changed files with 32 additions and 7 deletions
@@ -0,0 +1,27 @@
+<template>
+  <div class="playlists-nav">
+    <SimpleTitle :text="'Playlists'" />
+    <div class="buttons">
+      <button @click="showNewPlaylistModal()"><PlusSvg /> New Playlist</button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import SimpleTitle from "./SimpleTitle.vue";
+import PlusSvg from "../../../assets/icons/plus.svg";
+
+import useModalStore from "@/stores/modal";
+const { showNewPlaylistModal } = useModalStore();
+</script>
+
+<style lang="scss">
+.playlists-nav {
+  display: grid;
+  grid-template-columns: 1fr max-content;
+
+  button {
+    padding-right: $small;
+  }
+}
+</style>