100 lines
1.7 KiB
CSS
100 lines
1.7 KiB
CSS
.bd-profile {
|
|
height: 76px;
|
|
}
|
|
|
|
.bd-profile .fami-profile__avatar {
|
|
width: 52px;
|
|
height: 52px;
|
|
}
|
|
|
|
.bd-profile .fami-profile__copy {
|
|
gap: 4px;
|
|
width: min(100%, 220px);
|
|
}
|
|
|
|
.bd-contact {
|
|
top: 188px;
|
|
}
|
|
|
|
.bd-add-guild {
|
|
position: absolute;
|
|
top: 265px;
|
|
left: 40px;
|
|
}
|
|
|
|
.bd-diamond-title {
|
|
position: absolute;
|
|
top: 331px;
|
|
left: 12px;
|
|
height: 16px;
|
|
margin: 0;
|
|
color: var(--fami-text);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.bd-agency-table {
|
|
position: absolute;
|
|
top: 359px;
|
|
right: 12px;
|
|
left: 12px;
|
|
height: 380px;
|
|
overflow: auto hidden;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
.bd-agency-table::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.bd-agency-table__grid {
|
|
position: relative;
|
|
width: 421px;
|
|
}
|
|
|
|
.bd-agency-table__header {
|
|
display: grid;
|
|
grid-template-columns: repeat(9, 48px);
|
|
align-items: start;
|
|
width: 432px;
|
|
height: 25px;
|
|
transform: translateX(-3px);
|
|
}
|
|
|
|
.bd-agency-table__rows {
|
|
display: grid;
|
|
grid-template-columns: 45px repeat(8, 48px);
|
|
grid-auto-rows: 37px;
|
|
align-items: center;
|
|
width: 429px;
|
|
transform: translateY(-3px);
|
|
}
|
|
|
|
.bd-agency-table__head {
|
|
color: var(--fami-text);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.bd-agency-table__avatar {
|
|
width: 32px;
|
|
height: 32px;
|
|
margin-left: 5px;
|
|
border-radius: 50%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.bd-agency-table__value {
|
|
color: var(--fami-text);
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
line-height: 15px;
|
|
text-align: center;
|
|
transform: translateY(4px);
|
|
white-space: nowrap;
|
|
}
|