From 5612e1e33fc54eba43b5f306e6d59931c18ccf1a Mon Sep 17 00:00:00 2001
From: Jan Umbach <jan@umbach.dev>
Date: Wed, 19 Jun 2024 17:46:25 +0200
Subject: [PATCH] shx-3d-render

---
 snippets/shx-loading-spinner.liquid | 33 ++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/snippets/shx-loading-spinner.liquid b/snippets/shx-loading-spinner.liquid
index 1b8f14d..97cd9ba 100644
--- a/snippets/shx-loading-spinner.liquid
+++ b/snippets/shx-loading-spinner.liquid
@@ -2,12 +2,43 @@
 
 {% if content_type == 'body' %}
 
-    {% render 'shx-logo', class:"shx-loading-spinner-mainIcon" %}
+    <div class="shx-loading-spinner-Container">
+        {% render 'shx-logo', class:"shx-loading-spinner-mainIcon", width:"200px"%}
+    </div>
 
 {% elsif content_type == 'head' %}
 
     <style>
+        @keyframes shx-spinner-pulse {
+            0% {
+                transform: scale(0.95);
+            }
+            50% {
+                transform: scale(1);
+            }
+            100% {
+                transform: scale(0.95);
+            }
+        }
 
+        .shx-loading-spinner-Container {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(255, 255, 255, 0.8);
+            z-index: 9999;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            backdrop-filter: blur(10px);
+        }
+
+        .shx-loading-spinner-mainIcon {
+            animation: shx-spinner-pulse 2s linear infinite;
+        }
 
     </style>