Mengobs
diff --git a/‎Logo.png‎
625 KB b/‎Logo.png‎
625 KB
diff --git a/‎Logo.sketch‎
241 KB b/‎Logo.sketch‎
241 KB
diff --git a/‎demo/index.html‎
Lines changed: 26 additions & 1 deletion b/‎demo/index.html‎
Lines changed: 26 additions & 1 deletion
diff --git a/‎demo/style.css‎
Lines changed: 3 additions & 4 deletions b/‎demo/style.css‎
Lines changed: 3 additions & 4 deletions
diff --git a/‎demo/style.css.map‎
Lines changed: 1 addition & 1 deletion b/‎demo/style.css.map‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎demo/style.scss‎
Lines changed: 4 additions & 4 deletions b/‎demo/style.scss‎
Lines changed: 4 additions & 4 deletions
diff --git a/‎docs/overrides/js/webswift.js‎
Lines changed: 2 additions & 3 deletions b/‎docs/overrides/js/webswift.js‎
Lines changed: 2 additions & 3 deletions
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="cn">
+<html lang="zh">
 
 <head>
     <meta charset="UTF-8">
@@ -43,6 +43,14 @@
             <p>Checkbox</p>
             <swift-checkbox state="on">Checkbox</swift-checkbox>
         </div>
+        <div class="row middle">
+            <p>Messagebox</p>
+            <swift-button primary onclick="summon_messagebox()">Show</swift-button>
+        </div>
+        <div class="row middle">
+            <p>Notification</p>
+            <swift-button primary onclick="summon_notification()">Show</swift-button>
+        </div>
         <div class="row last" style="margin-bottom: 40px">
             <p>Progress</p>
             <div style="display: flex; flex-direction: column; gap: 25px;">
@@ -54,6 +62,23 @@
 
     <!-- <script src="https://cdn.jsdelivr.net/gh/mengobs/webintosh-desktop/src/javascripts/ui/webswift.js"></script> -->
     <script src="../webswift.js"></script>
+    <script>
+        function summon_messagebox() {
+            document.body.insertAdjacentHTML("beforeend", `<swift-messagebox iconpath="../Logo.png">
+    <p slot="title">Messagebox</p>
+    <p slot="text">This message box is part of WebSwift, designed with reference to Apple Design Resources.</p>
+    <swift-button primary slot="button" onclick="this.parentNode.remove()">OK</swift-button>
+</swift-messagebox>`);
+        }
+
+        function summon_notification() {
+            document.body.insertAdjacentHTML("beforeend", `<swift-notification iconpath="../Logo.png">
+    <p slot="title">Notification</p>
+    <p slot="text">This notification is part of WebSwift, designed with reference to Apple Design Resources.</p>
+    <p slot="time">now</p>
+</swift-notification>`);
+        }
+    </script>
 </body>
 
 </html>
@@ -40,10 +40,6 @@ body {
   src: url(./sf-pro-display_semibold.woff2);
   /* (C) 2019 Apple Inc. All rights reserved. */
 }
-p {
-  margin: 0;
-}
-
 div.overlay {
   position: fixed;
   inset: 0;
@@ -68,6 +64,9 @@ body > swift-window .row {
   display: inline-flex;
   justify-content: space-between;
 }
+body > swift-window .row p {
+  margin: 0;
+}
 body > swift-window .row.first {
   margin-top: 20px;
   border-radius: 6px 6px 0 0;
 
@@ -46,10 +46,6 @@ body {
     /* (C) 2019 Apple Inc. All rights reserved. */
 }
 
-p {
-    margin: 0;
-}
-
 div.overlay {
     position: fixed;
     inset: 0;
@@ -75,6 +71,10 @@ body>swift-window {
         // align-items: center;
         justify-content: space-between;
 
+        p {
+            margin: 0;
+        }
+
         &.first {
             margin-top: 20px;
             border-radius: 6px 6px 0 0;