Mirrors/CrunchyDL
Archived
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better scrollbar

Browse Source
This commit is contained in:
Daniel Haller 2024-04-21 04:21:43 +02:00
parent 2a235d5151
commit 8f8c373a57
1 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
pages/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div class="h-screen overflow-hidden">
<MainHeader /> <MainHeader />
<div class="flex flex-col text-white pt-16"> <div class="flex flex-col text-white mt-16 overflow-y-scroll h-[calc(100vh-4rem)]">
<!-- <button @click="deletePlaylist"> <!-- <button @click="deletePlaylist">
Delete Playlist Delete Playlist
</button> --> </button> -->
@ -103,11 +103,29 @@ onMounted(() => {
}) })
</script> </script>
<style> <style scoped>
.loading-a { .loading-a {
animation: animation infinite 3s; animation: animation infinite 3s;
} }
::-webkit-scrollbar-track {
background: #303030;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #cac9c9;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
::-webkit-scrollbar {
width: 10px;
}
@keyframes animation { @keyframes animation {
0% { 0% {
left: 0%; left: 0%;