noham/gitprofile
1
0
Fork 0
mirror of https://github.com/NohamR/gitprofile.git synced 2026-05-25 04:17:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix ios issue with gap and dropdown

Browse Source
This commit is contained in:
MD. Ariful Alam
2021-08-28 23:09:55 +06:00
parent d189751f9a
commit a40d4453f9
4 changed files with 158 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Skill.js
View File

@@ -10,7 +10,7 @@ const Skill = () => {
for (let index = 0; index < 12; index++) {
array.push((
<div key={index}>
{skeleton({ width: 'w-16', height: 'h-4' })}
{skeleton({ width: 'w-16', height: 'h-4', className: 'm-1' })}
</div>
))
}
@@ -24,16 +24,18 @@ const Skill = () => {
(typeof config.skills !== 'undefined' && config.skills.length !== 0) && (
<div className="card shadow-lg compact bg-base-100">
<div className="card-body">
<div className="inline-flex gap-2 flex-wrap p-3">
{
loading ? renderSkeleton() : (
config.skills.map((skill, index) => (
<div key={index} className="text-xs inline-flex items-center font-bold leading-sm uppercase px-3 py-1 badge-primary bg-opacity-75 rounded-full">
{skill}
</div>
))
)
}
<div className="p-3 flow-root">
<div className="-m-1 flex flex-wrap">
{
loading ? renderSkeleton() : (
config.skills.map((skill, index) => (
<div key={index} className="m-1 text-xs inline-flex items-center font-bold leading-sm uppercase px-3 py-1 badge-primary bg-opacity-75 rounded-full">
{skill}
</div>
))
)
}
</div>
</div>
</div>
</div>