Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-04-24 23:19:39 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

BuildCard: Better title wrapping and alignment

Browse Source 
Closes #1163
This commit is contained in:
Kalle 2022-11-26 17:08:00 +02:00
parent bbf0e9a034
commit 1648e28ba9
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/BuildCard.tsx
View File

@ -68,7 +68,7 @@ export function BuildCard({ build, owner, canEdit = false }: BuildProps) {
return (
<div className="build">
<div className="stack xxs">
<div>
<div className="build__top-row">
<h2 className="build__title">{title}</h2>
</div>

2
app/constants.ts
View File

@ -44,7 +44,7 @@ export const TOURNAMENT = {
export const BUILD = {
TITLE_MIN_LENGTH: 1,
TITLE_MAX_LENGTH: 100,
TITLE_MAX_LENGTH: 50,
DESCRIPTION_MAX_LENGTH: TWEET_LENGTH_MAX_LENGTH,
MAX_WEAPONS_COUNT: 5,
MAX_COUNT: 250,

4
app/styles/common.css
View File

@ -794,9 +794,11 @@ dialog::backdrop {
}
.build__title {
overflow: hidden;
height: 2.5rem;
font-size: var(--fonts-sm);
line-height: 1.25;
word-wrap: break-word;
word-wrap: break-all;
}
.build__top-row {