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

fix: add bg-dark-50 and fix color issues

Browse source
This commit is contained in:
xHyroM 2023-06-06 19:17:34 +02:00
parent acdbfc5548
commit 9df3a89e9b
No known key found for this signature in database
GPG key ID: BE0423F386C436AA
4 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
docs/config.ts
View file

@ -4,9 +4,10 @@ export interface Docs {
export interface SidebarItem { export interface SidebarItem {
text: string; text: string;
items: SidebarItem[] & { items: {
text: string;
link: string; link: string;
}[] }[];
} }
export const docs: Docs = { export const docs: Docs = {

2
src/components/widgets/Navbar.astro
View file

@ -30,7 +30,7 @@ const navItems = [
<a class="text-2xl font-extrabold" href="/">xHyroM</a> <a class="text-2xl font-extrabold" href="/">xHyroM</a>
<nav> <nav>
<ul <ul
class="nav-links absolute left-0 top-0 z-20 hidden w-full gap-10 border-b-[1px] border-neutral-800 bg-dark-200 transition-all md:relative md:flex md:flex-row md:border-b-0 md:bg-transparent [&_li]:my-2 [&_li]:ml-4" class="nav-links absolute left-0 top-0 z-20 hidden w-full gap-10 border-b-[1px] border-neutral-800 bg-dark-50 transition-all md:relative md:flex md:flex-row md:border-b-0 md:bg-transparent [&_li]:my-2 [&_li]:ml-4"
> >
{ {
navItems.map((item) => ( navItems.map((item) => (

2
src/pages/projects.astro
View file

@ -60,7 +60,7 @@ projects.sort((a, b) => a.name.localeCompare(b.name));
<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="flex min-h-max w-80 flex-col justify-between rounded-md border-[1px] border-neutral-800 bg-dark-200 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-dark-50 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}

1
tailwind.config.cjs
View file

@ -14,6 +14,7 @@ module.exports = {
extend: { extend: {
colors: { colors: {
dark: "#0D0D0D", dark: "#0D0D0D",
"dark-50": "#131313",
"dark-100": "#1A1A1A", "dark-100": "#1A1A1A",
"dark-200": "#242424", "dark-200": "#242424",
"dark-300": "#2E2E2E", "dark-300": "#2E2E2E",