mudhorn/meshtastic
1
0
Fork 0
mirror of https://github.com/meshtastic/meshtastic.git synced 2025-03-05 21:00:08 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

move card footers to bottom of card

Browse source
This commit is contained in:
Foster Irwin 2022-11-08 07:02:43 -07:00
parent 27e3deac08
commit c5e0ccd9d8
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/pages/downloads/index.tsx
View file

@ -35,7 +35,7 @@ const Firmware = (): JSX.Element => {
> >
<div className="container mt-8 flex flex-col gap-3"> <div className="container mt-8 flex flex-col gap-3">
<h1 className="m-2">Flasher</h1> <h1 className="m-2">Flasher</h1>
<div className="flex w-full overflow-hidden rounded-xl xl:h-64"> <div className="flex w-full overflow-hidden rounded-xl">
<div className="flex w-1/5 bg-gradient-to-r from-green-500 to-primary"> <div className="flex w-1/5 bg-gradient-to-r from-green-500 to-primary">
<BoltIcon className="m-auto h-20" /> <BoltIcon className="m-auto h-20" />
</div> </div>
@ -47,7 +47,7 @@ const Firmware = (): JSX.Element => {
<div className="card__body"> <div className="card__body">
<p>Desktop application to flash fimware to your devices.</p> <p>Desktop application to flash fimware to your devices.</p>
</div> </div>
<div className="card__footer" style={{ marginTop: '1rem' }}> <div className="card__footer mt-auto">
<a <a
href="https://github.com/meshtastic/Meshtastic-gui-installer/releases/latest" href="https://github.com/meshtastic/Meshtastic-gui-installer/releases/latest"
className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200" className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
@ -68,7 +68,7 @@ const Firmware = (): JSX.Element => {
boards. boards.
</p> </p>
</div> </div>
<div className="card__footer" style={{ marginTop: '1rem' }}> <div className="card__footer mt-auto">
<a <a
href="https://flasher.meshtastic.org/" href="https://flasher.meshtastic.org/"
className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200" className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
@ -87,7 +87,7 @@ const Firmware = (): JSX.Element => {
Devices such as T-Echo and RAK4631 are flashed via filesystem. Devices such as T-Echo and RAK4631 are flashed via filesystem.
</p> </p>
</div> </div>
<div className="card__footer" style={{ marginTop: '1rem' }}> <div className="card__footer mt-auto">
<a <a
href="/docs/getting-started/flashing-firmware/nrf52/drag-n-drop" href="/docs/getting-started/flashing-firmware/nrf52/drag-n-drop"
className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200" className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
@ -100,7 +100,7 @@ const Firmware = (): JSX.Element => {
</div> </div>
{/* */} {/* */}
<h1 className="m-2">Apps</h1> <h1 className="m-2">Apps</h1>
<div className="flex w-full overflow-hidden rounded-xl lg:h-48"> <div className="flex w-full overflow-hidden rounded-xl">
<div className="flex w-1/5 bg-gradient-to-r from-rose-500 to-primary"> <div className="flex w-1/5 bg-gradient-to-r from-rose-500 to-primary">
<ComputerDesktopIcon className="m-auto h-20" /> <ComputerDesktopIcon className="m-auto h-20" />
</div> </div>
@ -202,7 +202,7 @@ const Firmware = (): JSX.Element => {
things. things.
</p> </p>
</div> </div>
<div className="card__footer" style={{ marginTop: '1rem' }}> <div className="card__footer mt-auto">
<a <a
href="https://nightly.link/meshtastic/firmware/workflows/main/master/built.zip" href="https://nightly.link/meshtastic/firmware/workflows/main/master/built.zip"
className="button button--secondary button--block" className="button button--secondary button--block"