System-End/daydream-phoenix
1
0
Fork 0
mirror of https://github.com/System-End/daydream-phoenix.git synced 2026-04-19 19:45:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make idea generator scrollable

Browse source
This commit is contained in:
Gus Ruben 2025-07-29 01:46:11 -04:00
parent 4197eec7ec
commit ba5dca1502
1 changed files with 30 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/routes/example/+page.svelte
View file

@ -722,6 +722,35 @@ Mumbai`.split("\n")
:global(html) {
overflow-x: hidden;
}
/* Minimal scrollbar styling */
.idea-output-box::-webkit-scrollbar {
width: 8px;
}
.idea-output-box::-webkit-scrollbar-track {
background: transparent;
}
.idea-output-box::-webkit-scrollbar-thumb {
background-color: #d1e3ee;
border-radius: 0;
border: none;
}
.idea-output-box::-webkit-scrollbar-thumb:hover {
background-color: #d1e3ee;
}
.idea-output-box::-webkit-scrollbar-corner {
background: transparent;
}
/* Firefox scrollbar styling */
.idea-output-box {
scrollbar-width: auto;
scrollbar-color: #d1e3ee transparent;
}
</style>
@ -1448,7 +1477,7 @@ Mumbai`.split("\n")
</div>
<div class="flex-1">
<div class="border-2 border-[#D1E3EE] p-6 min-h-40 w-full flex items-center">
<div class="border-2 border-[#D1E3EE] p-6 min-h-40 max-h-40 w-full flex items-start overflow-y-auto idea-output-box">
{#if ideaText}
<p class="font-pixel text-xl md:text-2xl text-[#D1E3EE] w-full">
{ideaText}{#if isTyping}<span class="animate-pulse">|</span>{/if}