mirror of
https://github.com/lucide-icons/lucide.git
synced 2025-12-16 20:07:43 +01:00
5bfc736b61
* add new docs
* Add styling
* Move files
* Add active selection
* improve grid overview
* improve grid
* Add icon detail page
* Minor changes
* Fix icon preview
* optimize home card
* Add code examples
* Add gitignore
* correct temp directory
* Add first cusotmizer
* Add customizer
* fix images paths
* Add reset function
* Adjust category rendering
* Add packages section
* Some fixes
* Fix vercel build icon
* Small code adjustment
* move file
* Try this
* Add code groups with syntax highlighting
* Add search icon
* Cleanup
* update lockfile
* turnoff 404
* remove docs/iconMetaData.ts
* fix build
* Fix build 2
* cleanup
* Add icon customizer
* Fix build
* Add steps
* Add Button menu
* A lot off fixes!
* cleanup
* Fix build
* Css fixes
* Override menu icon
* try this to improve preformance
* minor improvements
* add comment
* add readme
* Add title
* minor fixes
* Fixes sliders + removes random backticks from index
* Added package list base, still WIP
* Added Guide+Source buttons to package list items
* Responsive support for XS screens
* Map categories count
* Adjust tooltip hover position
* Add see in action icon
* Add download options
* Aligns category list items to baseline and decreases category count weight
* Fixes event target error for categorylistitems
* Added icon release metadata builder
* Adds version badges to hero + icon detail overlay
* Added contributors.
Added Copy Angular.
Added release info to icon page.
* Centres contributor tooltip
* Fixed stroke step + added reset button
* Extracted reset button as a separate component for reusability
* Makes HomeIconCustomizerIcons less dense
* Fixes Button menu
* adjust versions and contributors styling on detail page
* Fix build?
* Fix build 2?
* Fix build 3
* Fix build 4
* Fix build 5?
* Add latest gh-icon changes
* Add comment
* Try fetch tags to retrieve release data
* try fetch all tags
* Add related icons
* Add stikcy search bar
* Add no results components
* Try to fix animation
* Try optimizing for categories
* Hide buggy animated icon
* minor fixes
* Add footer
* Add contributute link in footer
* Add copy name
* Add 100% preview icons
* remove site directory
* clean up
* Add redirects
* Fix build?
* fix redirect?
* minor improvements
* Fix icons preview on mobile
* Small preformance improvement
* Dark mode fixes for package icons
* Sort related icons by similarity + somewhat better name similarity matching
* Replace icon design guide images with uniform SVGs
* update lockfile
* Adds git clone to manually fetch the main repository for creating release metadata
* Remove initial v0.0.0 from release metadata
* Add extra CTA to no results behaviour
* Remove tags, as they are too overused
* Revert "Remove tags, as they are too overused"
This reverts commit 909b7563c0.
* Checkout icons from main
* Add absoluteStrokeWidth switch
* Add absolute strokewidth to home customizer
* Add absolute strokewidth to copy code button
* remove unused import
* compare build time
* improve build speed
* Try new release meta data script
* add fetch tags
* try with branch and remote
* try with url
* try without ssh
* Fix fetch tags in build file
* Cleanup
* Fix fallback
* improve release data
* delete relatedIcons.json, because it should be gitignored
* Add icon details
* Fix import
* minor fixes
* Try running script parallel
* Revert icon details
* include aliases in release meta data
* Final fixes
* Final fixes 2
* minor code adjustment
* Fix build
* test
* Revert concurrent build flow
* switch back to concurrent build strategy
* revert icon changes
* update package.json
* update package.json
* dedube packages
---------
Co-authored-by: Karsa <karsa@karsa.org>
68 lines
1.4 KiB
Vue
68 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import HomeContainer from './HomeContainer.vue'
|
|
import { useRouter } from 'vitepress';
|
|
import { data } from './HomePackagesSection.data'
|
|
import VPButton from 'vitepress/dist/client/theme-default/components/VPButton.vue';
|
|
|
|
const { go } = useRouter()
|
|
</script>
|
|
|
|
<template>
|
|
<HomeContainer>
|
|
<h2 class="section-title">Available For:</h2>
|
|
<div class="packages-list">
|
|
<a
|
|
v-for="{ name, logo } in data.packages"
|
|
:href="`/guide/packages/${name}`"
|
|
class="package-logo"
|
|
:aria-label="`Read more about: ${name} package`"
|
|
@click.prevent="go(`/guide/packages/${name}`)"
|
|
>
|
|
<img
|
|
:src="logo"
|
|
height="36"
|
|
width="36"
|
|
loading="lazy"
|
|
:alt="`${name} logo`"
|
|
/>
|
|
</a>
|
|
</div>
|
|
<div class="more-button-wrapper">
|
|
<VPButton text="And more" href="/packages" theme="alt" class="more-button"/>
|
|
</div>
|
|
</HomeContainer>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.section-title {
|
|
color: var(--vp-c-text-2);
|
|
font-weight: 500;
|
|
line-height: 32px;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
margin-bottom: 16px;
|
|
}
|
|
.packages-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0 -0.5rem;
|
|
gap: 16px;
|
|
}
|
|
|
|
.more-button-wrapper {
|
|
margin-top: 24px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.package-logo {
|
|
transition: opacity ease-in .15s;
|
|
}
|
|
|
|
.package-logo:hover {
|
|
opacity: .6;
|
|
}
|
|
</style>
|