mirror of
https://github.com/zadam/trilium.git
synced 2025-10-21 07:38:53 +02:00
refactor(website): use button component in downloads
This commit is contained in:
parent
b00cd032a3
commit
adf29b4e6e
@ -14,12 +14,9 @@
|
||||
.download-options a.recommended {
|
||||
display: block;
|
||||
background: var(--accent-color);
|
||||
padding: 0.5em 1em;
|
||||
border-radius: calc(infinity * 1px);
|
||||
color: var(--brand-foreground-color);
|
||||
border-radius: calc(infinity * 1px);
|
||||
margin: 1em 0;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.download-options .other-options {
|
||||
|
@ -4,6 +4,7 @@ import Section from "../../components/Section";
|
||||
import { App, Architecture, buildDownloadUrl, downloadMatrix, DownloadMatrixEntry, getArchitecture, Platform } from "../../download-helper";
|
||||
import "./download.css";
|
||||
import { usePageTitle } from "../../hooks";
|
||||
import Button, { Link } from "../../components/Button";
|
||||
|
||||
export default function DownloadPage() {
|
||||
const [ currentArch, setCurrentArch ] = useState(getArchitecture());
|
||||
@ -54,11 +55,19 @@ export function DownloadCard({ app, arch, entry: [ platform, entry ] }: { app: A
|
||||
{unwrapText(entry.description)}
|
||||
|
||||
<div class="download-options">
|
||||
<a className="recommended" href={buildDownloadUrl(app, platform as Platform, recommendedDownload[0], arch)}>{recommendedDownload[1].name}</a>
|
||||
<Button
|
||||
className="recommended"
|
||||
href={buildDownloadUrl(app, platform as Platform, recommendedDownload[0], arch)}
|
||||
text={recommendedDownload[1].name}
|
||||
/>
|
||||
|
||||
<div class="other-options">
|
||||
{restDownloads.map(download => (
|
||||
<a href={buildDownloadUrl(app, platform as Platform, download[0], arch)}>{download[1].name}</a>
|
||||
<Link
|
||||
href={buildDownloadUrl(app, platform as Platform, download[0], arch)}
|
||||
>
|
||||
{download[1].name}
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user