fix: update links base, fix some styles
This commit is contained in:
@@ -19,7 +19,7 @@ jobs:
|
|||||||
- name: Install, build, and upload your site
|
- name: Install, build, and upload your site
|
||||||
uses: withastro/action@v6
|
uses: withastro/action@v6
|
||||||
env:
|
env:
|
||||||
BASE_PATH: /lopata
|
BASE_PATH: /lopata/
|
||||||
|
|
||||||
deploy:
|
deploy:
|
||||||
needs: build
|
needs: build
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ import { base } from "../lib/paths";
|
|||||||
<div class="mx-auto flex max-w-5xl flex-col gap-4 px-4 py-4 sm:flex-row sm:items-center sm:justify-between sm:px-6">
|
<div class="mx-auto flex max-w-5xl flex-col gap-4 px-4 py-4 sm:flex-row sm:items-center sm:justify-between sm:px-6">
|
||||||
<a href={base} class="flex items-center gap-3">
|
<a href={base} class="flex items-center gap-3">
|
||||||
<img
|
<img
|
||||||
src={`${base}/emblem.png`}
|
src={`${base}emblem.png`}
|
||||||
alt="Эмблема Трибунала"
|
alt="Эмблема Трибунала"
|
||||||
width="52"
|
width="52"
|
||||||
height="52"
|
height="52"
|
||||||
|
|||||||
@@ -14,8 +14,8 @@ const { title, description } = Astro.props as Props;
|
|||||||
<html lang="ru" class="bg-background">
|
<html lang="ru" class="bg-background">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href={`${base}/favicon.svg`} />
|
<link rel="icon" type="image/svg+xml" href={`${base}favicon.svg`} />
|
||||||
<link rel="icon" href={`${base}/favicon.ico`} />
|
<link rel="icon" href={`${base}favicon.ico`} />
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<meta name="generator" content={Astro.generator} />
|
<meta name="generator" content={Astro.generator} />
|
||||||
<title>{title}</title>
|
<title>{title}</title>
|
||||||
|
|||||||
@@ -45,7 +45,7 @@ const code = content.code;
|
|||||||
|
|
||||||
<div class="pointer-events-none absolute right-4 top-4 sm:right-8 sm:top-10">
|
<div class="pointer-events-none absolute right-4 top-4 sm:right-8 sm:top-10">
|
||||||
<img
|
<img
|
||||||
src={`${base}/emblem.png`}
|
src={`${base}emblem.png`}
|
||||||
alt=""
|
alt=""
|
||||||
width="90"
|
width="90"
|
||||||
height="90"
|
height="90"
|
||||||
|
|||||||
+1
-2
@@ -1,2 +1 @@
|
|||||||
const _base = import.meta.env.BASE_URL;
|
export const base = import.meta.env.BASE_URL;
|
||||||
export const base = _base === "/" ? "" : _base;
|
|
||||||
|
|||||||
@@ -53,7 +53,7 @@ const tilts = ["-0.6deg", "0.5deg", "-0.4deg"];
|
|||||||
|
|
||||||
<div class="pointer-events-none absolute right-4 top-4 sm:right-8 sm:top-8">
|
<div class="pointer-events-none absolute right-4 top-4 sm:right-8 sm:top-8">
|
||||||
<img
|
<img
|
||||||
src={`${base}/emblem.png`}
|
src={`${base}emblem.png`}
|
||||||
alt=""
|
alt=""
|
||||||
width="120"
|
width="120"
|
||||||
height="120"
|
height="120"
|
||||||
@@ -103,7 +103,7 @@ const tilts = ["-0.6deg", "0.5deg", "-0.4deg"];
|
|||||||
{
|
{
|
||||||
REGISTRY.filter((e) => e.status === "open").map((e, i) => (
|
REGISTRY.filter((e) => e.status === "open").map((e, i) => (
|
||||||
<a
|
<a
|
||||||
href={`${base}/docs/${e.slug}`}
|
href={`${base}docs/${e.slug}`}
|
||||||
class="paper group relative flex flex-col gap-2 p-5 transition-all duration-200 hover:-translate-y-1 hover:shadow-[0_26px_50px_-22px_rgba(40,25,15,0.7)]"
|
class="paper group relative flex flex-col gap-2 p-5 transition-all duration-200 hover:-translate-y-1 hover:shadow-[0_26px_50px_-22px_rgba(40,25,15,0.7)]"
|
||||||
style={{ rotate: tilts[i] }}
|
style={{ rotate: tilts[i] }}
|
||||||
>
|
>
|
||||||
@@ -140,16 +140,14 @@ const tilts = ["-0.6deg", "0.5deg", "-0.4deg"];
|
|||||||
{
|
{
|
||||||
REGISTRY.map((entry, i) => {
|
REGISTRY.map((entry, i) => {
|
||||||
const isOpen = entry.status === "open";
|
const isOpen = entry.status === "open";
|
||||||
const href = isOpen ? `${base}/docs/${entry.slug}` : undefined;
|
|
||||||
const Tag = isOpen ? "a" : "div";
|
|
||||||
return (
|
return (
|
||||||
<Tag
|
<a
|
||||||
href={href}
|
href={`${base}docs/${entry.slug}`}
|
||||||
class:list={[
|
class:list={[
|
||||||
"flex items-start justify-between gap-4 px-4 py-3 text-sm transition-all",
|
"flex items-start justify-between gap-4 px-4 py-3 text-sm transition-all",
|
||||||
isOpen
|
isOpen
|
||||||
? "paper border-l-4 border-l-primary hover:-translate-y-0.5 hover:shadow-[0_12px_30px_-16px_rgba(40,25,15,0.5)]"
|
? "paper border-l-4 border-l-primary hover:-translate-y-0.5 hover:shadow-[0_12px_30px_-16px_rgba(40,25,15,0.5)]"
|
||||||
: "border border-border/30 bg-card/50 opacity-50 cursor-default",
|
: "border border-border/30 bg-card/50 opacity-50 hover:-translate-y-0.5 hover:shadow-[0_12px_30px_-16px_rgba(40,25,15,0.5)]",
|
||||||
]}
|
]}
|
||||||
style={{ rotate: i % 2 === 0 ? "-0.2deg" : "0.2deg" }}
|
style={{ rotate: i % 2 === 0 ? "-0.2deg" : "0.2deg" }}
|
||||||
>
|
>
|
||||||
@@ -180,7 +178,7 @@ const tilts = ["-0.6deg", "0.5deg", "-0.4deg"];
|
|||||||
>
|
>
|
||||||
{statusLabel[entry.status]}
|
{statusLabel[entry.status]}
|
||||||
</span>
|
</span>
|
||||||
</Tag>
|
</a>
|
||||||
);
|
);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -227,4 +227,13 @@
|
|||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
& thead,
|
||||||
|
& tr {
|
||||||
|
border-top: 1px solid var(--color-border);
|
||||||
|
}
|
||||||
|
& th,
|
||||||
|
& td {
|
||||||
|
padding: 1rem 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user