TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-04 04:23:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix scrolling issue in sidebar search components

Browse Source
This commit is contained in:
geoffrey45
2023-01-10 17:52:09 +03:00
committed by Mungai Njoroge
parent 6095c9fa8f
commit 532d0efabe
6 changed files with 54 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PlaylistView/Header.vue
+12 -12
View File
@@ -28,24 +28,26 @@
<span class="status"
>Last updated {{ info.last_updated }} &#160;|&#160;&#160;</span
>
<span class="edit" @click="editPlaylist">Edit</span>
<span class="edit" @click="editPlaylist">Edit&#160;&#160;|</span>
<DeleteSvg class="edit"/>
</div>
</div>
</template>
<script setup lang="ts">
import { ref } from "vue";
import { storeToRefs } from "pinia";
import useNavStore from "@/stores/nav";
import usePStore from "@/stores/pages/playlist";
import useModalStore from "../../stores/modal";
import useModalStore from "@/stores/modal";
import { paths } from "@/config";
import { playSources } from "@/composables/enums";
import { formatSeconds, useVisibility } from "@/utils";
import { paths } from "../../config";
import { storeToRefs } from "pinia";
import PlayBtnRect from "../shared/PlayBtnRect.vue";
import DeleteSvg from "@/assets/icons/delete.svg";
const modal = useModalStore();
const nav = useNavStore();
@@ -89,7 +91,7 @@ function editPlaylist() {
position: absolute;
bottom: 1rem;
right: 1rem;
padding: 0.5rem;
padding: $smaller $small;
background-color: $body;
color: rgb(255, 255, 255);
font-size: 0.9rem;
@@ -97,14 +99,12 @@ function editPlaylist() {
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.479);
z-index: 12;
@include phone-only {
bottom: 1rem;
right: 1rem;
font-size: small;
display: flex;
align-items: center;
.status {
display: none;
}
svg {
transform: scale(.75);
margin-bottom: -0.2rem;
}
.edit {