Sunny-Moom/webvm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make the side bar partially transparent and larger

Browse Source 
In preparation for Claude AI integration
This commit is contained in:
Alessandro Pignotti 2024-12-19 10:45:59 +01:00
parent a754be3f64
commit b87c531932
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/BlogPost.svelte
View File

@ -4,6 +4,6 @@
export let url; export let url;
</script> </script>
<a href={url} target="_blank"><div class="bg-neutral-700 hover:bg-neutral-500 p-2 rounded-md"> <a href={url} target="_blank"><div class="bg-neutral-700 hover:bg-neutral-500 p-2 rounded-md">
<img class="w-56 h-32 object-fit" src={image}> <img class="w-76 h-44 object-fit" src={image}>
<h2 class="text-sm font-bold">{title}</h2> <h2 class="text-sm font-bold">{title}</h2>
</div></a> </div></a>

2
src/lib/SideBar.svelte
View File

@ -46,7 +46,7 @@
{/if} {/if}
{/each} {/each}
</div> </div>
<div class="flex flex-col gap-5 shrink-0 w-60 h-full z-10 p-2 bg-neutral-600 text-gray-100" class:hidden={!activeInfo}> <div class="flex flex-col gap-5 shrink-0 w-80 h-full z-10 p-2 bg-neutral-600 text-gray-100 opacity-95" class:hidden={!activeInfo}>
{#if activeInfo === 'Information'} {#if activeInfo === 'Information'}
<InformationTab> <InformationTab>
<slot></slot> <slot></slot>