fix: person bricks should center name
otherwise bricks are at the left and -50% translateY puts them off-center, while centering long name
This commit is contained in:
@@ -538,10 +538,6 @@ video {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.left-1\/2 {
|
||||
left: 50%;
|
||||
}
|
||||
@@ -570,6 +566,10 @@ video {
|
||||
height: 3.5rem;
|
||||
}
|
||||
|
||||
.h-4\/5 {
|
||||
height: 80%;
|
||||
}
|
||||
|
||||
.h-\[var\(--brick-height\)\] {
|
||||
height: var(--brick-height);
|
||||
}
|
||||
@@ -636,10 +636,6 @@ video {
|
||||
grid-template-rows: auto 1fr;
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.flex-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
@@ -648,6 +644,10 @@ video {
|
||||
place-content: center;
|
||||
}
|
||||
|
||||
.items-center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.gap-4 {
|
||||
gap: 1rem;
|
||||
}
|
||||
@@ -656,11 +656,6 @@ video {
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.gap-x-3 {
|
||||
-moz-column-gap: 0.75rem;
|
||||
column-gap: 0.75rem;
|
||||
}
|
||||
|
||||
.rounded {
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
@@ -731,6 +726,10 @@ video {
|
||||
background-color: rgb(254 240 138 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.p-10 {
|
||||
padding: 2.5rem;
|
||||
}
|
||||
|
||||
.p-3 {
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user