hyro/website
1
0
Fork 0
mirror of https://github.com/xHyroM/website.git synced 2024-11-25 08:11:05 +01:00
Code Issues Projects Releases Wiki Activity Actions

fix: add pb-4 into about, projects

Browse source
This commit is contained in:
xHyroM 2023-05-14 11:36:13 +02:00
parent 2b382ce94b
commit 5a704010bd
No known key found for this signature in database
GPG key ID: BE0423F386C436AA
3 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/atoms/Container.astro
View file

@ -3,5 +3,5 @@ const { class: className } = Astro.props;
--- ---
<div class={`container mx-auto px-4 ${className ?? ""}`}> <div class={`container mx-auto px-4 ${className ?? ""}`}>
<slot /> <slot />
</div> </div>

2
src/pages/about.astro
View file

@ -104,7 +104,7 @@ const skills = [
About Me About Me
</h1> </h1>
<Container> <Container class="pb-4">
<main class="text-2xl text-white"> <main class="text-2xl text-white">
<section> <section>
<p class="mb-4"> <p class="mb-4">

10
src/pages/projects.astro
View file

@ -142,16 +142,16 @@ projects.sort((a, b) => a.name.localeCompare(b.name));
Projects Projects
</h1> </h1>
<Container> <Container class="pb-4">
<main class="flex flex-wrap justify-center gap-12"> <main class="flex flex-wrap justify-center gap-12">
{ {
projects.map((project) => ( projects.map((project) => (
<section class="bg-gray flex min-h-max w-80 flex-col justify-between rounded-md border-[1px] border-neutral-800 p-6 md:w-96"> <section class="flex min-h-max w-80 flex-col justify-between rounded-md border-[1px] border-neutral-800 bg-gray p-6 md:w-96">
<div class="flex"> <div class="flex">
<h2 class="mb-4 break-words text-3xl font-bold text-white"> <h2 class="mb-4 break-words text-3xl font-bold text-white">
{project.name} {project.name}
</h2> </h2>
<div class="ml-4 flex h-fit translate-y-1 items-center justify-center gap-2 rounded-lg bg-neutral-800 py-1 px-4 text-neutral-300"> <div class="ml-4 flex h-fit translate-y-1 items-center justify-center gap-2 rounded-lg bg-neutral-800 px-4 py-1 text-neutral-300">
<div class="flex gap-1"> <div class="flex gap-1">
<img <img
src="/icons/star.svg" src="/icons/star.svg"
@ -176,7 +176,7 @@ projects.sort((a, b) => a.name.localeCompare(b.name));
<div> <div>
<a <a
href={project.link} href={project.link}
class="bottom-0 inline-flex w-fit rounded-md bg-neutral-800 py-2 px-6 text-neutral-300 transition-colors duration-100 hover:bg-neutral-700 [&_img]:transition-all [&_img]:hover:translate-x-[2px]" class="bottom-0 inline-flex w-fit rounded-md bg-neutral-800 px-6 py-2 text-neutral-300 transition-colors duration-100 hover:bg-neutral-700 [&_img]:transition-all [&_img]:hover:translate-x-[2px]"
> >
GitHub{" "} GitHub{" "}
<img <img
@ -187,7 +187,7 @@ projects.sort((a, b) => a.name.localeCompare(b.name));
</a> </a>
<a <a
href={project.link} href={project.link}
class=" bottom-0 inline-flex w-fit translate-y-[6px] py-2 px-6 text-neutral-300 transition-all duration-100 hover:-translate-y-[-4px] hover:text-neutral-200" class=" bottom-0 inline-flex w-fit translate-y-[6px] px-6 py-2 text-neutral-300 transition-all duration-100 hover:-translate-y-[-4px] hover:text-neutral-200"
> >
<img src="/icons/book-open.svg" class="mr-2 h-6 w-5" alt="" /> <img src="/icons/book-open.svg" class="mr-2 h-6 w-5" alt="" />
Docs{" "} Docs{" "}