LobotomyLabs/classquiz-ai
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #129 from developer-diganta/customise-scrollbar

Browse Source
This commit is contained in:
Mawoka
2022-10-01 22:00:48 +02:00
committed by GitHub
parent 375317c3c6 9be3904a27
commit babb1d90d4
1 changed files with 24 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/routes/+page.svelte
+24 -1
View File
@@ -490,7 +490,7 @@
</div> </div>
</div> </div>
<div <div
class="lg:border-l lg:border-l-black lg:border-t-0 border-t border-t-black flex lg:flex-col flex-row stretch overflow-x-scroll" class="lg:border-l lg:border-l-black lg:border-t-0 border-t border-t-black flex lg:flex-col flex-row stretch overflow-x-auto why-classquiz"
> >
{#each classquiz_reasons as reason, index} {#each classquiz_reasons as reason, index}
<div <div
@@ -517,3 +517,26 @@
</div> </div>
{/if} {/if}
<Footer /> <Footer />
<style>
.why-classquiz::-webkit-scrollbar {
height: 0.8rem;
margin-bottom: 5rem;
}
.why-classquiz::-webkit-scrollbar-track {
box-shadow: inset 0 0 10px 10px transparent;
border: solid 3px transparent;
}
.why-classquiz::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 10px 10px #374151;
border: solid 3px transparent;
border-radius: 15px;
}
.why-classquiz::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 10px 10px #555;
border: solid 3px transparent;
}
</style>