diff --git a/docs/.vitepress/theme/components/home/HomePackagesSection.data.ts b/docs/.vitepress/theme/components/home/HomePackagesSection.data.ts index a992b2638..62ca903c4 100644 --- a/docs/.vitepress/theme/components/home/HomePackagesSection.data.ts +++ b/docs/.vitepress/theme/components/home/HomePackagesSection.data.ts @@ -14,7 +14,7 @@ export default { }, { name: 'lucide-vue-next', - logo: '/framework-logos/vue-next.svg', + logo: '/framework-logos/vue.svg', label: 'Lucide documentation for Vue 3', }, { @@ -27,6 +27,11 @@ export default { logo: '/framework-logos/preact.svg', label: 'Lucide documentation for Preact', }, + { + name: 'lucide-solid', + logo: '/framework-logos/solid.svg', + label: 'Lucide documentation for Solid', + }, { name: 'lucide-angular', logo: '/framework-logos/angular.svg', diff --git a/docs/.vitepress/theme/components/home/HomePackagesSection.vue b/docs/.vitepress/theme/components/home/HomePackagesSection.vue index 21c6e0dff..ac7570f5d 100644 --- a/docs/.vitepress/theme/components/home/HomePackagesSection.vue +++ b/docs/.vitepress/theme/components/home/HomePackagesSection.vue @@ -14,7 +14,7 @@ const { go } = useRouter() @@ -56,4 +56,12 @@ const { go } = useRouter() display: flex; justify-content: center; } + +.package-logo { + transition: opacity ease-in .15s; +} + +.package-logo:hover { + opacity: .6; +} diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css index 6c8b3b287..91c61521b 100644 --- a/docs/.vitepress/theme/style.css +++ b/docs/.vitepress/theme/style.css @@ -40,6 +40,24 @@ /* flex:1; */ flex-shirk: 0; } + +.VPHomeHero .container .main h1.name { + color: var(--vp-c-text); + +} +.VPHomeHero .container .main h1.name .clip { + color: inherit; + -webkit-text-fill-color: unset; + color: var(--vp-c-text); + font-size: 36px; +} + +.VPHomeHero .container .main h1::first-line { + color: var(--vp-c-brand); +} + + +/* */ .VPHomeHero .container .image { margin: 0; order: 2; @@ -69,6 +87,12 @@ padding-left: 0; } +@media (min-width: 640px) { + .VPHomeHero .container .main h1.name .clip { + font-size: unset; + } +} + @media (min-width: 960px) { .VPHomeHero .container .image { @@ -79,18 +103,20 @@ } .VPHomeHero .container .main { - /* flex: 1; */ width: 50%; } .VPHomeHero .container .image { - /* flex: 1; */ width: 50%; } .VPHomeHero .container .image-container { display: block; } + + .VPHomeHero .container .main h1.name { + + } } .VPNavBarHamburger .container > span { diff --git a/docs/index.md b/docs/index.md index 977cc3558..5835569bb 100644 --- a/docs/index.md +++ b/docs/index.md @@ -3,8 +3,9 @@ layout: home hero: - name: Beautiful & - text: consistent icons + name: | + Beautiful & + consistent icons tagline: Made by the community. image: src: /favicon.svg diff --git a/docs/public/framework-logos/react-native.svg b/docs/public/framework-logos/react-native.svg index aadf591d5..862337a8c 100644 --- a/docs/public/framework-logos/react-native.svg +++ b/docs/public/framework-logos/react-native.svg @@ -1,6 +1,10 @@ - - - - - + + + + + + + + +