feat(showcase): use vanilla js instead due to incompatibility of wallpaper engine

2023-01-16 17:52:09 -05:00
parent 6d54eb068c
commit 2f53443064
25 changed files with 642 additions and 1365 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -8,7 +8,8 @@ html {
  overflow: hidden;
 }

-body, #app {
+body,
+#app {
  margin: 0;
  background-position: center;
  background-repeat: no-repeat;
@@ -17,4 +18,23 @@ body, #app {
  width: 100%;
  touch-action: none;
  -ms-touch-action: none;
+}
+
+#widget-wrapper {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+
+.logo {
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: -1;
+}
+
+.invert-filter {
+  filter: invert(1);
+  opacity: 0.3;
 }