Footer styles
This commit is contained in:
parent
9c4fb07f91
commit
8852e7b5bd
@ -16,18 +16,23 @@ footer {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 16px;
|
flex-flow: row wrap;
|
||||||
|
column-gap: 16px;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
display: inline-flex;
|
||||||
|
flex-basis: 100px;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--color-brand-text-on-accent2);
|
color: var(--color-brand-text-on-accent2);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 16px 8px;
|
padding: 16px 8px;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
|||||||
@ -1,3 +1,4 @@
|
|||||||
|
import { insert_nbsp } from "@sealcode/jdd";
|
||||||
import type { Context } from "koa";
|
import type { Context } from "koa";
|
||||||
import { TempstreamJSX } from "tempstream";
|
import { TempstreamJSX } from "tempstream";
|
||||||
|
|
||||||
@ -18,7 +19,7 @@ export default async function footer(ctx: Context) {
|
|||||||
</li>
|
</li>
|
||||||
{linkData.map((link) => (
|
{linkData.map((link) => (
|
||||||
<li>
|
<li>
|
||||||
<a href={link.url}>{link.text}</a>
|
<a href={link.url}>{insert_nbsp(link.text || "")}</a>
|
||||||
</li>
|
</li>
|
||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user