Restyle icon + add a rounded frame on the webview

FyraLabs-Graveyard · Feb 6, 2024 · 025d71e · 025d71e
1 parent 381ab24
commit 025d71e
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 121 deletions.
diff --git a/data/gresource.xml.in b/data/gresource.xml.in
@@ -2,6 +2,7 @@
 <gresources>
   <gresource prefix="@APP_PATH@">
     <file compressed="true" preprocess="xml-stripblanks" alias="mainwindow.ui">ui/mainwindow.ui</file>
+    <file compressed="true" alias="style.css">style.css</file>
   </gresource>
   <gresource prefix="@APP_PATH@/icons">
     <file compressed="true" preprocess="xml-stripblanks" alias="@[email protected]">icons/app.svg</file>

diff --git a/data/icons/app.svg b/data/icons/app.svg
diff --git a/data/style.css b/data/style.css
@@ -0,0 +1,4 @@
+.framed {
+    border: 1px solid @borders;
+    border-radius: 2px;
+}
diff --git a/src/MainWindow.vala b/src/MainWindow.vala
@@ -118,6 +118,7 @@ public class SkiffDesktop.MainWindow : He.ApplicationWindow {
         webview.create.connect (on_create);
 
         webview.vexpand = true;
+        webview.add_css_class ("framed");
         main_box.append (webview);
 
         webview.load_uri (BASE_URL);