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 @@ + + + + + diff --git a/components/app/Shortcuts.vue b/components/app/Shortcuts.vue index 8b669cc10..47a35be9d 100644 --- a/components/app/Shortcuts.vue +++ b/components/app/Shortcuts.vue @@ -16,7 +16,6 @@ >

{{ $t("shortcuts") }}

-
@@ -50,8 +49,8 @@ :key="`map-${mapIndex}-shortcut-${shortcutIndex}`" class="flex items-center" > - - {{ shortcut.label }} + + {{ $t(shortcut.label) }}