mirror of
https://github.com/Radiquum/radiquum.github.io.git
synced 2025-09-07 23:13:55 +05:00
fix: colors
This commit is contained in:
parent
94e55edf4c
commit
2e734f3cb8
3 changed files with 6 additions and 5 deletions
|
@ -33,7 +33,7 @@ export const Characters = () => {
|
|||
return (
|
||||
<Section>
|
||||
<div className="flex flex-col gap-2 mt-2 md:flex-row md:justify-between md:items-center">
|
||||
<h2 className="text-4xl md:text-5xl border-1 px-3 py-2 rounded-xl border-white/5 bg-[#1c1e20]/25 flex-1">Characters</h2>
|
||||
<h2 className="text-4xl md:text-5xl border-1 px-3 py-2 rounded-xl border-white/5 bg-[#ffb1cd]/5 flex-1">Characters</h2>
|
||||
<div className="flex items-center gap-2 flex-1">
|
||||
{links.map((item) => (
|
||||
<Link href={item.url} key={`characters.link.${item.text}`} className="flex-1">
|
||||
|
@ -41,7 +41,8 @@ export const Characters = () => {
|
|||
icon={item.icon}
|
||||
text={item.text}
|
||||
desc={item.desc}
|
||||
backgroundColor={"#1c1e20"}
|
||||
backgroundColor={"#ffb1cd"}
|
||||
backgroundOpacity={"5%"}
|
||||
/>
|
||||
</Link>
|
||||
))}
|
||||
|
|
|
@ -41,7 +41,7 @@ export const Photos = () => {
|
|||
<div className="flex flex-col gap-4">
|
||||
<Section>
|
||||
<div className="flex flex-col gap-2 md:flex-row md:justify-between md:items-center">
|
||||
<h2 className="text-4xl md:text-5xl border-1 px-3 py-2 rounded-xl border-white/5 bg-[#ffb1cd]/5 flex-1">Photos</h2>
|
||||
<h2 className="text-4xl md:text-5xl border-1 px-3 py-2 rounded-xl border-white/5 bg-[#b1ffcd]/5 flex-1">Photos</h2>
|
||||
<div className="flex items-center gap-2 flex-1">
|
||||
{links.map((item) => (
|
||||
<Link href={item.url} key={`photos.link.${item.text}`} className="flex-1">
|
||||
|
@ -49,7 +49,7 @@ export const Photos = () => {
|
|||
icon={item.icon}
|
||||
text={item.text}
|
||||
desc={item.desc}
|
||||
backgroundColor={"#ffb1cd"}
|
||||
backgroundColor={"#b1ffcd"}
|
||||
backgroundOpacity={"5%"}
|
||||
/>
|
||||
</Link>
|
||||
|
|
|
@ -54,7 +54,7 @@ export const Projects = () => {
|
|||
<div className="grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-3">
|
||||
{links.map((item) => (
|
||||
<Link href={item.url} key={`projects.link.${item.text}`}>
|
||||
<IconWithText icon={item.icon} text={item.text} desc={item.desc} />
|
||||
<IconWithText icon={item.icon} text={item.text} desc={item.desc} backgroundColor={"#101316"} backgroundOpacity={"5%"} />
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue