From b87c531932ef3f9eae39af34413f9408f8089413 Mon Sep 17 00:00:00 2001
From: Alessandro Pignotti <a.pignotti@sssup.it>
Date: Thu, 19 Dec 2024 10:45:59 +0100
Subject: [PATCH] Make the side bar partially transparent and larger

In preparation for Claude AI integration
---
 src/lib/BlogPost.svelte | 2 +-
 src/lib/SideBar.svelte  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/BlogPost.svelte b/src/lib/BlogPost.svelte
index c73f026..970cb98 100644
--- a/src/lib/BlogPost.svelte
+++ b/src/lib/BlogPost.svelte
@@ -4,6 +4,6 @@
 	export let url;
 </script>
 <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>
 </div></a>
diff --git a/src/lib/SideBar.svelte b/src/lib/SideBar.svelte
index 9028116..28115cc 100644
--- a/src/lib/SideBar.svelte
+++ b/src/lib/SideBar.svelte
@@ -46,7 +46,7 @@
 			{/if}
 		{/each}
 	</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'}
 			<InformationTab>
 				<slot></slot>