AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-07 22:41:06 +02:00
parent d1c2b9dfef
commit e45aeced69
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/PostSection.svelte
View File

@ -299,7 +299,7 @@ $: {
</div>
<div class="w-full bg-[#09090B] border-t border-b sm:border sm:hover:border-slate-600 border-gray-700 rounded-none sm:rounded-lg">
<div class="w-full bg-[#141417] border-t border-b sm:border sm:hover:border-slate-600 border-gray-700 rounded-none sm:rounded-lg">
<!-- List container -->
<div class="flex flex-col">
<!-- Item -->
@ -671,6 +671,8 @@ $: {
position: relative; /* Ensure relative positioning for the gradient overlay */
overflow: hidden; /* To ensure the gradient does not overflow */
max-height: 330px; /* Limit the container's height */
width: 100%;
padding: 14px;
}
.darken-overlay::after {
@ -680,7 +682,7 @@ $: {
left: 0;
right: 0;
height: 50px; /* Adjust as needed for the gradient effect */
background: linear-gradient(0deg, rgb(9, 9, 11, 1), rgb(9, 9, 11, 0)); /* Smooth gradient transition */
background: linear-gradient(0deg, rgb(20, 20, 23, 1), rgb(20, 20, 23, 0)); /* Smooth gradient transition */
pointer-events: none; /* Ensure it doesn't interfere with text interaction */
}
</style>