Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 7: | Строка 7: | ||
.chem-card { | .chem-card { | ||
flex: 1 1 calc( | flex: 1 1 calc(33.33% - 12px); | ||
background-color: var(--card-bg, #111); | background-color: var(--card-bg, #111); | ||
border: 2px solid var(--card-border, #555); | border: 2px solid var(--card-border, #555); | ||
| Строка 25: | Строка 25: | ||
.chem-recipe { | .chem-recipe { | ||
display: flex; | display: flex; | ||
gap: 12px; | |||
gap: | |||
margin-top: 6px; | margin-top: 6px; | ||
align-items: flex-start; | |||
} | } | ||
.recipe- | .recipe-inputs, .recipe-outputs { | ||
display: flex; | display: flex; | ||
flex-direction: column; | |||
flex- | gap: 2px; | ||
} | } | ||
.recipe-action { | .recipe-action { | ||
display: flex; | |||
align-items: center; | |||
font-weight: bold; | font-weight: bold; | ||
margin-top: auto; | |||
} | |||
.chem-desc { | |||
margin-top: 6px; | |||
font-size: 14px; | |||
color: #ccc; | |||
} | } | ||
Версия от 12:33, 18 октября 2025
.chem-cards-container {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: flex-start;
}
.chem-card {
flex: 1 1 calc(33.33% - 12px);
background-color: var(--card-bg, #111);
border: 2px solid var(--card-border, #555);
border-radius: 8px;
padding: 8px;
color: #eee;
box-sizing: border-box;
min-width: 180px;
}
.chem-card h3 {
margin: 0 0 4px 0;
color: var(--card-accent, #8cf);
font-size: 16px;
}
.chem-recipe {
display: flex;
gap: 12px;
margin-top: 6px;
align-items: flex-start;
}
.recipe-inputs, .recipe-outputs {
display: flex;
flex-direction: column;
gap: 2px;
}
.recipe-action {
display: flex;
align-items: center;
font-weight: bold;
margin-top: auto;
}
.chem-desc {
margin-top: 6px;
font-size: 14px;
color: #ccc;
}