Basic styling for displayed projects on homepage

akai-org · Nov 18, 2023 · 00d548f · 00d548f
1 parent cba9a73
commit 00d548f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Project.astro b/src/components/Project.astro
@@ -8,11 +8,11 @@ interface Props {
 const { name, url, languages, index } = Astro.props;
 ---
 
-<div>
+<div class="p-3 border-2 border-gray-100 rounded-md w-fit">
   <span>{index}</span>
-  <h2 class="font-bold">{name}</h2>
-  <a href={url}>Sprawdź</a>
-  <ul class="flex flex-row gap-2">
+  <h2 class="font-bold text-xl">{name}</h2>
+  <ul class="flex flex-row gap-2 text-sm">
     {languages.map((language) => <li>{language}</li>)}
   </ul>
+  <a href={url} class="text-yellow-500">Sprawdź</a>
 </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -3,8 +3,8 @@ import { getProjects, octokit } from "../utilities/github";
 import Project from "../components/Project.astro";
 import MainPageLayout from "../layouts/MainPageLayout.astro";
 import { isProd } from "../utilities/env";
+
 const res = await getProjects();
-console.log(res);
 const projects = await Promise.all(
   res.map(async (repo: any, i: number) => {
     const { data } = await octokit.request(