diff --git a/src/components/WorkCard/styles.module.css b/src/components/WorkCard/styles.module.css index 97b0786..a48ab29 100644 --- a/src/components/WorkCard/styles.module.css +++ b/src/components/WorkCard/styles.module.css @@ -36,6 +36,7 @@ display: flex; flex-direction: column; justify-content: space-around; + gap: 16px; height: calc(100% - 200px); padding: 16px; overflow: hidden; @@ -43,6 +44,12 @@ .title { font-size: 2rem; font-weight: bold; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + line-clamp: 1; + text-overflow: ellipsis; } .tags { diff --git a/src/components/ui/Badge/styles.module.css b/src/components/ui/Badge/styles.module.css index 4b0c720..5a4e40e 100644 --- a/src/components/ui/Badge/styles.module.css +++ b/src/components/ui/Badge/styles.module.css @@ -58,4 +58,11 @@ white-space: normal; word-break: break-word; line-height: 1.1; + overflow-y: auto; + scrollbar-width: none; + -ms-overflow-style: none; + + &::-webkit-scrollbar { + display: none; + } } diff --git a/src/components/ui/Tag/styles.module.css b/src/components/ui/Tag/styles.module.css index 3288e85..9b333f2 100644 --- a/src/components/ui/Tag/styles.module.css +++ b/src/components/ui/Tag/styles.module.css @@ -2,7 +2,7 @@ display: inline-block; color: black; border-radius: 50px; - font-size: 1.6rem; + font-size: 1.4rem; font-weight: bold; padding: 8px 16px; white-space: nowrap; @@ -20,6 +20,6 @@ @media (max-width: 600px) { .tag { - font-size: 1.4rem; + font-size: 1.2rem; } } \ No newline at end of file