diff --git a/assets/icons/chrome.svg b/assets/icons/chrome.svg
index 3f644515..7ebfe7a8 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 00000000..c2fa358a
--- /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 b17bcedd..97310b15 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 42bc1bac..53ee320d 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 56f06bd8..99912aa4 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 bebb5a7a..679ea1a7 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 621e2f09..b8480b32 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 96ddae1e..ea61eec0 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 57887d3b..ff6f523a 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 0d729ea3..8f620944 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 c6970533..05e04c1b 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 00000000..a6172f49
--- /dev/null
+++ b/components/app/Search.vue
@@ -0,0 +1,109 @@
+
+