try to use bun for bundling

2 files changed, 4 insertions, 1 deletions

diff --git a/static/widgets/image/index.css b/static/widgets/image/index.css
index bfca517..a4105e9 100644
--- a/static/widgets/image/index.css
+++ b/static/widgets/image/index.css
@@ -6,6 +6,7 @@
 	overflow: hidden;
 	box-shadow: #223223aa 1px 1px 4px;
 	background: var(--card-background);
+	margin: auto;
 }
 
 #container img {
diff --git a/static/widgets/image/index.js b/static/widgets/image/index.js
index 3e403bd..b063864 100644
--- a/static/widgets/image/index.js
+++ b/static/widgets/image/index.js
@@ -3,7 +3,9 @@ import * as sfw from 'sfw';
 import Month from '../../month.js';
 const { Div, Img, A: Link } = sfw.element.native;
 
-const css = await sfw.css(import.meta.url, './index.css')
+import stylesheet from './index.css';
+
+const css = await sfw.css.sheet(stylesheet);
 
 export default class Image extends sfw.element.Container {
 	#container