3 files changed, 30 insertions, 6 deletions
diff --git a/extension/src/Bookmark.tsx b/extension/src/Bookmark.tsx
index c555ffb..5dc16b9 100644
--- a/extension/src/Bookmark.tsx
+++ b/extension/src/Bookmark.tsx
@@ -11,10 +11,12 @@ function Bookmark(props: {data: BookmarkTreeNode}) {
 
 function faviconURL(u: string | undefined) {
     if (!u) return "";
-    u = new URL(u).origin.toString();
-    const url = new URL(chrome.runtime.getURL("/_favicon/"));
-    url.searchParams.set("pageUrl", u);
-    url.searchParams.set("size", "32");
+    u = new URL(u).hostname.toString();
+    // const url = new URL(`https://t1.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${u}&size=128`)
+    const url = new URL('https://www.google.com/s2/favicons');
+    url.searchParams.set("sz", "128");
+    url.searchParams.set("domain_url", u);
+    console.log(url);
     return url.toString();
 }
 
diff --git a/extension/src/index.css b/extension/src/index.css
index 63a2a92..186dad3 100644
--- a/extension/src/index.css
+++ b/extension/src/index.css
@@ -1,3 +1,8 @@
+body {
+  background-color: hsl(180, 100%, 50%);
+
+}
+
 .folder {
   display: flex;
   flex-direction: column;
@@ -8,7 +13,24 @@
   margin: 2px;
 }
 
+
 .folder > div {
   display: flex;
+  flex-direction: row;
+  gap: 10px;
+}
+
+.bookmark > img{
+  padding: 10px;
+
+}
+
+.bookmark {
+  display: flex;
   flex-direction: column;
-}
-\ No newline at end of file
+  width: 100px;
+
+
+}
+
+
diff --git a/extension/tsconfig.app.tsbuildinfo b/extension/tsconfig.app.tsbuildinfo
index a21fd05..65e1504 100644
--- a/extension/tsconfig.app.tsbuildinfo
+++ b/extension/tsconfig.app.tsbuildinfo
@@ -1 +1 @@
-{"root":["./src/Bookmark.tsx","./src/Folder.tsx","./src/main.tsx","./src/vite-env.d.ts"],"version":"5.6.2"}
-\ No newline at end of file
+{"root":["./src/bookmark.tsx","./src/folder.tsx","./src/main.tsx","./src/vite-env.d.ts"],"version":"5.6.2"}
+\ No newline at end of file