matrix-art

commit 6ace122a47bfa6f91e7e201c52a15b051e9e1662
parent 67f62d641247d155318776bed2d2d6149265ba38
Author: MTRNord <mtrnord1@gmail.com>
Date:   Fri, 14 Jan 2022 15:26:57 +0100

Fix safari gap

Diffstat:
M
pages/index.tsx
 | 
2
+-
M
styles/globals.css
 | 
5
+++++

2 files changed, 6 insertions(+), 1 deletion(-)
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -101,7 +101,7 @@ class Home extends PureComponent<Props, State>{
               </div>
             </div>
             <div className='m-10'>
-              <ul className='flex flex-wrap gap-1'>
+              <ul className='flex flex-wrap gap-1 gap-safari'>
                 {image_events.map(event => <FrontPageImage event={event} key={(event as MatrixEventBase).event_id} />)}
                 <li className='grow-[10]'></li>
               </ul>
diff --git a/styles/globals.css b/styles/globals.css
@@ -119,4 +119,9 @@ html, body, #__next {
   position: absolute;
   white-space: nowrap;
   width: 1px;
+}
+
+
+.gap-safari > *  {
+  margin: 0.25rem;
 }
 \ No newline at end of file