Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-30 01:49:40 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: update style of Related Releases Card on Release page

Browse source
This commit is contained in:
Kentai Radiquum 2025-03-25 23:01:11 +05:00
parent d2b38dcbe2
commit 6cade5a7d0
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
11 changed files with 296 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/components/Chip/Chip.tsx
View file

@ -6,26 +6,22 @@ export const Chip = (props: {
devider?: string;
bg_color?: string;
style?: React.CSSProperties;
className?: string;
}) => {
return (
<div
className={`px-2 sm:px-4 py-0.5 sm:py-1 rounded-sm ${
props.bg_color || "bg-gray-500"
} ${props.icon_name ? "flex items-center justify-center gap-1" : ""}`}
style={props.style || {}}
>
<div className={`${props.bg_color || "bg-gray-500"} rounded-sm flex items-center justify-center ${props.className || ""}`}>
{props.icon_name && (
<span
className={`iconify w-4 h-4 sm:w-6 sm:h-6 ${props.icon_name}`}
className={`iconify w-4 h-4 sm:w-6 sm:h-6 ml-2 ${props.icon_name}`}
style={
{
"color": "var(--icon-color)",
color: "var(--icon-color)",
"--icon-color": props.icon_color || "#fff",
} as React.CSSProperties
}
></span>
)}
<p className="text-xs text-white xl:text-base">
<p className="px-2 py-1 text-white xl:text-base">
{props.name}
{props.name && props.devider ? props.devider : " "}
{props.name_2}