IETM_FIXE\ietm6
da2a66d06a
Mise en place d'un outil permettant de faire des tableau d'objets pour des boutiques par exemple
49 lines
2.1 KiB
SCSS
49 lines
2.1 KiB
SCSS
.sic-panel { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.25rem; }
|
|
|
|
.loading-hint, .empty-hint {
|
|
color: var(--color-text-muted, #9aa0aa); font-size: 0.85rem; font-style: italic; padding: 0.5rem 0;
|
|
}
|
|
|
|
.sic-list { display: flex; flex-direction: column; gap: 0.3rem; }
|
|
.sic-item {
|
|
display: flex; align-items: center; gap: 0.45rem; width: 100%;
|
|
padding: 0.45rem 0.6rem; border-radius: 7px;
|
|
border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.03);
|
|
color: inherit; cursor: pointer; text-align: left;
|
|
&:hover { background: rgba(255,255,255,0.08); }
|
|
.sic-item-name { flex: 1; }
|
|
.sic-item-count {
|
|
font-size: 0.72rem; color: var(--color-text-muted, #9aa0aa);
|
|
background: rgba(255,255,255,0.06); padding: 0.05rem 0.35rem; border-radius: 4px;
|
|
}
|
|
}
|
|
|
|
.sic-detail { display: flex; flex-direction: column; gap: 0.5rem; }
|
|
.sic-back {
|
|
display: inline-flex; align-items: center; gap: 0.25rem; align-self: flex-start;
|
|
padding: 0.2rem 0.4rem; border: none; background: none;
|
|
color: var(--color-text-muted, #9aa0aa); cursor: pointer; font-size: 0.8rem;
|
|
&:hover { color: inherit; }
|
|
}
|
|
h4 { margin: 0; font-size: 0.95rem; }
|
|
|
|
.sic-group-title {
|
|
font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.04em;
|
|
color: #c4a8ff; margin: 0.5rem 0 0.2rem;
|
|
}
|
|
|
|
.sic-obj {
|
|
padding: 0.4rem 0.5rem; border-radius: 7px; background: rgba(255,255,255,0.03); margin-bottom: 0.3rem;
|
|
.sic-obj-main { display: flex; align-items: baseline; justify-content: space-between; gap: 0.5rem; }
|
|
.sic-obj-name { font-weight: 500; }
|
|
.sic-obj-price { color: #e0c074; font-size: 0.82rem; white-space: nowrap; }
|
|
.sic-obj-desc { font-size: 0.82rem; color: var(--color-text-muted, #cfd3da); margin-top: 0.15rem; }
|
|
.sic-note {
|
|
display: inline-flex; align-items: center; gap: 0.25rem; margin-top: 0.35rem;
|
|
padding: 0.2rem 0.45rem; border-radius: 5px; font-size: 0.74rem;
|
|
border: 1px solid rgba(255,255,255,0.14); background: rgba(255,255,255,0.05); color: inherit; cursor: pointer;
|
|
&:hover:not(:disabled) { background: rgba(255,255,255,0.1); }
|
|
&:disabled { opacity: 0.5; cursor: default; }
|
|
}
|
|
}
|