rootadmin/multisite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mobile

Browse source
This commit is contained in:
Mackie 2026-06-01 17:25:55 +08:00
parent b57f9481d1
commit e512270017
1 changed files with 16 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/blocks/Skills/Component.tsx
View file

@ -36,13 +36,7 @@ export function SkillsBlock({ heading, keySkills, categories }: SkillsBlockProps
)}
{Array.isArray(categories) && categories.length > 0 && (
<div
className="border border-foreground/8 rounded-xl overflow-hidden"
style={{
display: 'grid',
gridTemplateColumns: 'repeat(3, 1fr)',
}}
>
<div className="border border-foreground/8 rounded-xl overflow-hidden grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
{categories.map((cat, i) => {
const isLastRow = i >= categories.length - (categories.length % 3 || 3)
const isLastCol = (i + 1) % 3 === 0
@ -55,10 +49,15 @@ export function SkillsBlock({ heading, keySkills, categories }: SkillsBlockProps
!isLastRow && 'border-b border-foreground/8',
)}
>
<i className={`ti ${cat.icon} text-foreground/40`} style={{ fontSize: 20 }} aria-hidden="true" />
<i
className={`ti ${cat.icon} text-foreground/40`}
style={{ fontSize: 20 }}
aria-hidden="true"
/>
<p className="text-sm font-medium text-foreground/85">{cat.title}</p>
<div className="flex flex-wrap gap-1.5">
{Array.isArray(cat.tags) && cat.tags.map(({ tag }, j) => (
{Array.isArray(cat.tags) &&
cat.tags.map(({ tag }, j) => (
<span
key={j}
className="text-xs text-foreground/35 border border-foreground/10 rounded-full px-2.5 py-0.5"