SebastianStork/kita
1
0
Fork 0
mirror of https://github.com/SebastianStork/kita.git synced 2026-01-21 12:11:35 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: projects.html style

Browse source
This commit is contained in:
st1020 2023-10-24 21:20:30 +08:00
parent cfdf51c44b
commit 311f6d2b47
2 changed files with 19 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

4
static/main.css
View file

@ -1282,10 +1282,6 @@ body {
height: 100%; height: 100%;
} }
.min-h-\[12rem\] {
min-height: 12rem;
}
.min-h-\[3\.5rem\] { .min-h-\[3\.5rem\] {
min-height: 3.5rem; min-height: 3.5rem;
} }

40
templates/projects.html
View file

@ -6,27 +6,25 @@
<h1 class="mb-16">{{ page.title }}</h1> <h1 class="mb-16">{{ page.title }}</h1>
{% for project in data.project %} {% for project in data.project %}
<div class="not-prose min-h-[12rem] w-full py-2"> <div class="not-prose block-bg my-4 flex w-full flex-col rounded-lg px-5 py-1.5">
<div class="block-bg flex h-full w-full flex-col rounded-lg px-5 py-1.5"> <h3 class="my-2 text-xl font-bold text-black dark:text-white">{{ project.name }}</h3>
<h3 class="my-2 text-xl font-bold text-black dark:text-white">{{ project.name }}</h3> <p>{{ project.desc }}</p>
<p>{{ project.desc }}</p> <div class="my-2 flex items-center justify-between">
<div class="my-2 flex items-center justify-between"> <div class="flex gap-x-2 text-sm opacity-60">
<div class="flex gap-x-2 text-sm opacity-60"> {% for tag in project.tags %}
{% for tag in project.tags %} <span>#{{ tag }}</span>
<span>#{{ tag }}</span> {% endfor %}
{% endfor %} </div>
</div> <div class="flex gap-x-2">
<div class="flex gap-x-2"> {% for link in project.links %}
{% for link in project.links %} <a
<a class="underline"
class="underline" href="{{ link.url | replace(from=`$BASE_URL`, to=config.base_url) | safe }}"
href="{{ link.url | replace(from=`$BASE_URL`, to=config.base_url) | safe }}" rel="noopener"
rel="noopener" target="_blank"
target="_blank" >{{ link.name }}</a
>{{ link.name }}</a >
> {% endfor %}
{% endfor %}
</div>
</div> </div>
</div> </div>
</div> </div>