github/television
1
1
Fork 0
mirror of https://github.com/alexpasmantier/television.git synced 2025-07-29 14:21:43 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

fix(website): Added gap between home page features on smaller screens (#645)

Browse Source
This commit is contained in:
kapobajza 2025-07-15 18:37:41 +02:00 committed by GitHub
parent 37e31b2443
commit 4b84a12320
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
website/src/components/HomepageFeatures/index.tsx
View File

@ -15,8 +15,10 @@ const FeatureList: FeatureItem[] = [
imgSrc: require("@site/static/img/files-toml.png").default, imgSrc: require("@site/static/img/files-toml.png").default,
description: ( description: (
<> <>
<a href="/docs/Users/channels">Create your own channels in a simple TOML file and search through <a href="/docs/Users/channels">
files, git repositories, environment variables, docker images, and more. Create your own channels in a simple TOML file and search through
files, git repositories, environment variables, docker images, and
more.
</a> </a>
</> </>
), ),
@ -27,8 +29,8 @@ const FeatureList: FeatureItem[] = [
description: ( description: (
<> <>
<a href="/docs/Users/shell-integration"> <a href="/docs/Users/shell-integration">
Television integrates with your shell and provides autocompletion that is both Television integrates with your shell and provides autocompletion that
extensible and configurable to use your own channels. is both extensible and configurable to use your own channels.
</a> </a>
</> </>
), ),
@ -63,7 +65,7 @@ export default function HomepageFeatures(): ReactNode {
return ( return (
<section className={styles.features}> <section className={styles.features}>
<div className="container"> <div className="container">
<div className="row"> <div className={clsx("row", styles.featuresRow)}>
{FeatureList.map((props, idx) => ( {FeatureList.map((props, idx) => (
<Feature key={idx} {...props} /> <Feature key={idx} {...props} />
))} ))}

6
website/src/components/HomepageFeatures/styles.module.css
View File

@ -40,3 +40,9 @@ html[data-theme='dark'] .featureSvg {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
@media screen and (max-width: 996px) {
.featuresRow {
gap: 2rem;
}
}