From 55413cb7514c55f47865e6823f4a565bb74c61d2 Mon Sep 17 00:00:00 2001 From: Lucas Oliveira <62335616+lucaseduoli@users.noreply.github.com> Date: Sun, 23 Jun 2024 14:58:45 -0300 Subject: [PATCH] Fix - Docs Footer and Header (#2274) * Removed footer from docs * Changed header icons color to match dark and light mode --- docs/docusaurus.config.js | 4 -- docs/src/css/custom.css | 38 +++++++++++++++++-- .../logos/{discord.svg => discordDark.svg} | 9 ++--- docs/static/logos/discordLight.svg | 7 ++++ docs/static/logos/gitDark.svg | 1 + docs/static/logos/gitLight.svg | 1 + docs/static/logos/github.svg | 3 -- docs/static/logos/twitter.svg | 3 -- docs/static/logos/xDark.svg | 3 ++ docs/static/logos/xLight.svg | 4 ++ 10 files changed, 55 insertions(+), 18 deletions(-) rename docs/static/logos/{discord.svg => discordDark.svg} (82%) create mode 100644 docs/static/logos/discordLight.svg create mode 100644 docs/static/logos/gitDark.svg create mode 100644 docs/static/logos/gitLight.svg delete mode 100644 docs/static/logos/github.svg delete mode 100644 docs/static/logos/twitter.svg create mode 100644 docs/static/logos/xDark.svg create mode 100644 docs/static/logos/xLight.svg diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js index 8f9302cfd..9580d7835 100644 --- a/docs/docusaurus.config.js +++ b/docs/docusaurus.config.js @@ -129,10 +129,6 @@ module.exports = { textColor: "#1C1E21", isCloseable: false, }, - footer: { - links: [], - copyright: `Copyright © ${new Date().getFullYear()} Langflow.`, - }, zoom: { selector: ".markdown :not(a) > img:not(.no-zoom)", background: { diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css index b79c4df59..ee3962703 100644 --- a/docs/src/css/custom.css +++ b/docs/src/css/custom.css @@ -118,7 +118,16 @@ body { width: 24px; height: 24px; display: flex; - background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") + background: url("/logos/gitLight.svg") + no-repeat; +} + +[data-theme='dark'] .header-github-link:before { + content: ""; + width: 24px; + height: 24px; + display: flex; + background: url("/logos/gitDark.svg") no-repeat; } @@ -132,21 +141,44 @@ body { width: 24px; height: 24px; display: flex; - background: url("/logos/twitter.svg"); + background: url("/logos/xLight.svg"); + background-size: contain; +} + +[data-theme='dark'] .header-twitter-link::before { + content: ""; + width: 24px; + height: 24px; + display: flex; + background: url("/logos/xDark.svg"); background-size: contain; } /* Discord */ + +.header-discord-link { + margin-right: 0.5rem; +} + .header-discord-link:hover { opacity: 0.6; } +[data-theme='dark'] .header-discord-link::before { + content: ""; + width: 24px; + height: 24px; + display: flex; + background: url("/logos/discordDark.svg"); + background-size: contain; +} + .header-discord-link::before { content: ""; width: 24px; height: 24px; display: flex; - background: url("/logos/discord.svg"); + background: url("/logos/discordLight.svg"); background-size: contain; } diff --git a/docs/static/logos/discord.svg b/docs/static/logos/discordDark.svg similarity index 82% rename from docs/static/logos/discord.svg rename to docs/static/logos/discordDark.svg index c03e8e127..5f782edd6 100644 --- a/docs/static/logos/discord.svg +++ b/docs/static/logos/discordDark.svg @@ -1,8 +1,7 @@ - - - + - - + + + \ No newline at end of file diff --git a/docs/static/logos/discordLight.svg b/docs/static/logos/discordLight.svg new file mode 100644 index 000000000..86084bc4f --- /dev/null +++ b/docs/static/logos/discordLight.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/docs/static/logos/gitDark.svg b/docs/static/logos/gitDark.svg new file mode 100644 index 000000000..51944a7ff --- /dev/null +++ b/docs/static/logos/gitDark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/static/logos/gitLight.svg b/docs/static/logos/gitLight.svg new file mode 100644 index 000000000..ed869f44d --- /dev/null +++ b/docs/static/logos/gitLight.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/static/logos/github.svg b/docs/static/logos/github.svg deleted file mode 100644 index 5b1d5da94..000000000 --- a/docs/static/logos/github.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/docs/static/logos/twitter.svg b/docs/static/logos/twitter.svg deleted file mode 100644 index 437e2bfdd..000000000 --- a/docs/static/logos/twitter.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/docs/static/logos/xDark.svg b/docs/static/logos/xDark.svg new file mode 100644 index 000000000..f40b99e71 --- /dev/null +++ b/docs/static/logos/xDark.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/static/logos/xLight.svg b/docs/static/logos/xLight.svg new file mode 100644 index 000000000..9a15d231f --- /dev/null +++ b/docs/static/logos/xLight.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file