From 74773ade6285587698ddf33391ee1625060b910c Mon Sep 17 00:00:00 2001
From: Geometrically <18202329+Geometrically@users.noreply.github.com>
Date: Thu, 2 Mar 2023 16:29:00 -0700
Subject: [PATCH] Update logo documentation (#14)

* Update logo documentation

* remove redunant class

* fix style on safari

* Fix favicon
---
 docs/.vitepress/config.js             |   3 +++
 docs/components/text-logo.md          |   6 ++++++
 docs/{ => public}/favicon.ico         | Bin
 docs/{ => public}/favicon.svg         |   0
 lib/components/brand/AnimatedLogo.vue |   4 ----
 5 files changed, 9 insertions(+), 4 deletions(-)
 rename docs/{ => public}/favicon.ico (100%)
 rename docs/{ => public}/favicon.svg (100%)

diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
index dc9957e9a..cb115ac80 100644
--- a/docs/.vitepress/config.js
+++ b/docs/.vitepress/config.js
@@ -4,6 +4,9 @@ import svgLoader from 'vite-svg-loader'
 export default {
   title: 'Omorphia',
   description: 'A components library used for Modrinth.',
+  head: [
+    ['link', { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
+  ],
   themeConfig: {
     sidebar: [
       {
diff --git a/docs/components/text-logo.md b/docs/components/text-logo.md
index 8a269cfba..72404a997 100644
--- a/docs/components/text-logo.md
+++ b/docs/components/text-logo.md
@@ -15,3 +15,9 @@
 <TextLogo :animate="false" />
 ```
 
+<style scoped>
+svg {
+  width: 100%;
+  height: auto;
+}
+</style>
diff --git a/docs/favicon.ico b/docs/public/favicon.ico
similarity index 100%
rename from docs/favicon.ico
rename to docs/public/favicon.ico
diff --git a/docs/favicon.svg b/docs/public/favicon.svg
similarity index 100%
rename from docs/favicon.svg
rename to docs/public/favicon.svg
diff --git a/lib/components/brand/AnimatedLogo.vue b/lib/components/brand/AnimatedLogo.vue
index 12903fdab..de796c630 100644
--- a/lib/components/brand/AnimatedLogo.vue
+++ b/lib/components/brand/AnimatedLogo.vue
@@ -101,11 +101,7 @@ export default {
 
 <style lang="scss" scoped>
 div {
-  display: flex;
-  justify-content: center;
-  align-items: center;
   height: 5rem;
-  margin-top: 1rem;
 
   svg {
     width: 5rem;