diff --git a/assets/icons/chrome.svg b/assets/icons/chrome.svg
index 3f6445157..7ebfe7a86 100644
--- a/assets/icons/chrome.svg
+++ b/assets/icons/chrome.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/assets/icons/discord.svg b/assets/icons/discord.svg
new file mode 100644
index 000000000..c2fa358a0
--- /dev/null
+++ b/assets/icons/discord.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/icons/email.svg b/assets/icons/email.svg
index b17bcedd1..97310b154 100644
--- a/assets/icons/email.svg
+++ b/assets/icons/email.svg
@@ -1 +1 @@
-
+
\ No newline at end of file
diff --git a/assets/icons/facebook.svg b/assets/icons/facebook.svg
index 42bc1bac0..53ee320d6 100644
--- a/assets/icons/facebook.svg
+++ b/assets/icons/facebook.svg
@@ -1 +1 @@
-
+
\ No newline at end of file
diff --git a/assets/icons/firefox.svg b/assets/icons/firefox.svg
index 56f06bd84..99912aa45 100644
--- a/assets/icons/firefox.svg
+++ b/assets/icons/firefox.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/assets/icons/graphql.svg b/assets/icons/graphql.svg
index bebb5a7a0..679ea1a79 100644
--- a/assets/icons/graphql.svg
+++ b/assets/icons/graphql.svg
@@ -1 +1 @@
-
+
\ No newline at end of file
diff --git a/assets/icons/linkedin.svg b/assets/icons/linkedin.svg
index 621e2f09b..b8480b323 100644
--- a/assets/icons/linkedin.svg
+++ b/assets/icons/linkedin.svg
@@ -1 +1 @@
-
+
\ No newline at end of file
diff --git a/assets/icons/reddit.svg b/assets/icons/reddit.svg
index 96ddae1e0..ea61eec05 100644
--- a/assets/icons/reddit.svg
+++ b/assets/icons/reddit.svg
@@ -1 +1 @@
-
+
\ No newline at end of file
diff --git a/assets/icons/twitter.svg b/assets/icons/twitter.svg
index 57887d3b7..ff6f523a8 100644
--- a/assets/icons/twitter.svg
+++ b/assets/icons/twitter.svg
@@ -1 +1 @@
-
+
\ No newline at end of file
diff --git a/assets/scss/styles.scss b/assets/scss/styles.scss
index 0d729ea30..8f620944b 100644
--- a/assets/scss/styles.scss
+++ b/assets/scss/styles.scss
@@ -76,10 +76,8 @@ body {
}
.svg-icons {
- @apply inline-flex;
- @apply flex-shrink-0;
- @apply h-4;
- @apply w-4;
+ height: var(--body-line-height);
+ width: var(--body-line-height);
}
a {
diff --git a/assets/scss/themes.scss b/assets/scss/themes.scss
index c6970533c..05e04c1b7 100644
--- a/assets/scss/themes.scss
+++ b/assets/scss/themes.scss
@@ -43,9 +43,9 @@
// Text color
--secondary-color: theme("colors.blue-gray.600");
// Light Text color
- --secondary-light-color: theme("colors.blue-gray.500");
+ --secondary-light-color: theme("colors.blue-gray.400");
// Dark Text color
- --secondary-dark-color: theme("colors.blue-gray.700");
+ --secondary-dark-color: theme("colors.blue-gray.900");
// Border color
--divider-color: theme("colors.blue-gray.200");
// Light Border color
diff --git a/components/app/Search.vue b/components/app/Search.vue
new file mode 100644
index 000000000..a6172f49f
--- /dev/null
+++ b/components/app/Search.vue
@@ -0,0 +1,109 @@
+
+