From b34545ce5a694a0042f2d1dfbbfad7bfee713c2d Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 20 Jan 2023 16:48:54 +0100
Subject: Fixed flaws

---
 tpl/views/avatar.pug | 16 ++++++++++++++++
 tpl/views/dialog.pug | 12 ++++++------
 2 files changed, 22 insertions(+), 6 deletions(-)

(limited to 'tpl/views')

diff --git a/tpl/views/avatar.pug b/tpl/views/avatar.pug
index 01aaf93..7941649 100644
--- a/tpl/views/avatar.pug
+++ b/tpl/views/avatar.pug
@@ -1,6 +1,14 @@
 mixin view-avatar 
     +view('avatar', 'Avatar')
         .c-box
+            div(style={ display: 'flex', gap: '.3em' })
+                +avatar(size='150' hue=180)
+                    = 'Vo'
+                +avatar(size='150' hue=225)
+                    = 'lp'
+                +avatar(size='150' src='avatar.png')
+            br
+            br
             div(style={ display: 'flex', gap: '.3em' })
                 +avatar
                     = 'Vo'
@@ -27,6 +35,14 @@ mixin view-avatar
                 +avatar(size='50' src='avatar.png')
 
         .c-box
+            div(style={ display: 'flex', gap: '.3em' })
+                +avatar(circle=true size='150' hue=180)
+                    = 'Vo'
+                +avatar(circle=true size='150' hue=225)
+                    = 'lp'
+                +avatar(circle=true size='150' src='avatar.png')
+            br
+            br
             div(style={ display: 'flex', gap: '.3em' })
                 +avatar(circle=true)
                     = 'Vo'
diff --git a/tpl/views/dialog.pug b/tpl/views/dialog.pug
index 9d6061d..6ef06df 100644
--- a/tpl/views/dialog.pug
+++ b/tpl/views/dialog.pug
@@ -1,13 +1,13 @@
 mixin view-dialog 
     +view('dialog', 'Dialog')
         .c-box
-            +backdrop
+            +backdrop(pad=true)
                 +dialog('Lorem ipsum')(flat=true)
                     +slot('body')
                         = loremIpsum
 
         .c-box
-            +backdrop
+            +backdrop(pad=true)
                 +dialog('Lorem ipsum')(bodyClass='l-overflow')
                     +slot('body')
                         p.u-mt-0= loremIpsum
@@ -17,7 +17,7 @@ mixin view-dialog
                         p= loremIpsum
 
         .c-box
-            +backdrop
+            +backdrop(pad=true)
                 +dialog('Tags')(sidebarTitle='#channel')
                     +slot('sidebar')
                         +menu(style={ 'min-width': '10em' })
@@ -28,7 +28,7 @@ mixin view-dialog
                         p.u-mt-0= loremIpsum
 
         .c-box
-            +backdrop
+            +backdrop(pad=true)
                 +dialog('#channel')
                     +slot('sidebar')
                         +menu(style={ 'min-width': '10em' })
@@ -39,14 +39,14 @@ mixin view-dialog
                         p.u-mt-0= loremIpsum
 
         .c-box
-            +backdrop
+            +backdrop(pad=true)
                 +dialog
                     +slot('header')
                         .l-media__block.l-flex
                             +action-button(quiet=true icon='chevron-left')
                             +action-button(quiet=true icon='chevron-right')
                         .l-media__block.l-media__block--main
-                            +div-heading('sm')= 'Tags'
+                            +div-heading('xl')(class="u-mt-0")= 'Tags'
                     +slot('sidebar')
                         +menu(style={ 'min-width': '10em' })
                             +menu-item(icon='bookmark')= 'Bookmark'
-- 
cgit v1.2.3-54-g00ecf