mirror of
https://github.com/Funkoala14/CreatorCenter_OOIN.git
synced 2025-06-08 10:48:13 +08:00
61 lines
1.5 KiB
SCSS
61 lines
1.5 KiB
SCSS
|
@import './custom-theme.scss';
|
||
|
|
.brands-list {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
gap: 1rem;
|
||
|
|
|
||
|
|
.brand-card {
|
||
|
|
width: 325px;
|
||
|
|
padding: 1.5rem;
|
||
|
|
border-radius: 0.4rem;
|
||
|
|
background-color: white;
|
||
|
|
cursor: pointer;
|
||
|
|
|
||
|
|
.card-body {
|
||
|
|
display: flex;
|
||
|
|
flex-flow: column nowrap;
|
||
|
|
gap: 0.75rem;
|
||
|
|
.card-logo {
|
||
|
|
display: inline-block;
|
||
|
|
width: 2.25rem;
|
||
|
|
height: 2.25rem;
|
||
|
|
border-radius: 0.5rem;
|
||
|
|
background-color: $indigo-500;
|
||
|
|
color: white;
|
||
|
|
line-height: 2.25rem;
|
||
|
|
text-align: center;
|
||
|
|
margin-right: 0.5rem;
|
||
|
|
}
|
||
|
|
.card-text {
|
||
|
|
margin: 0;
|
||
|
|
display: inline-flex;
|
||
|
|
align-items: center;
|
||
|
|
|
||
|
|
.card-text-title {
|
||
|
|
display: inline-flex;
|
||
|
|
width: 100px;
|
||
|
|
flex-flow: row nowrap;
|
||
|
|
align-items: center;
|
||
|
|
gap: 0.25rem;
|
||
|
|
color: $neutral-600;
|
||
|
|
line-height: 1.5rem;
|
||
|
|
}
|
||
|
|
.card-text-content {
|
||
|
|
line-height: 1.5rem;
|
||
|
|
color: $neutral-900;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.add-brand-form {
|
||
|
|
.button-group {
|
||
|
|
display: flex;
|
||
|
|
flex-flow: row nowrap;
|
||
|
|
gap: 0.5rem;
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
}
|