fix mobile layout

1 files changed, 17 insertions, 5 deletions

diff --git a/.zs/components/nav b/.zs/components/nav
index 935cd92..c787517 100755
--- a/.zs/components/nav
+++ b/.zs/components/nav
@@ -21,6 +21,7 @@ end
 ---@field index boolean?
 ---@field dir string?
 ---@field inside Set?
+---@field icon string
 
 ---@type Link[]
 local links = {
@@ -29,23 +30,27 @@ local links = {
         title = "home",
         inside = set {
             "index"
-        }
+        },
+        icon = "home"
     },
     {
         url = "/projects.html",
         title = "projects",
         inside = set {
             "prismite"
-        }
+        },
+        icon = "git"
     },
     {
         url = "/posts.html",
         title = "ramblings",
-        dir = "blog"
+        dir = "blog",
+        icon = "notebook"
     },
     {
         url = "/buttons.html",
-        title = "buttons"
+        title = "buttons",
+        icon = "external"
     },
 }
 
@@ -79,7 +84,14 @@ for _, link in ipairs(links) do
         {
             tag = "a",
             href = link.url,
-            title,
+            {
+                tag = "div",
+                style = [[mask-image: url("/assets/svg/]] .. link.icon .. [[.svg")]]
+            },
+            {
+                tag = "span",
+                title
+            }
         }
     })
 end