Story 4.2 completed
This commit is contained in:
@@ -168,4 +168,41 @@
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
|
||||
// Story 4.2: Portrait fallback section
|
||||
.player-privacy-panel__portrait-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: @sp-spacing-sm;
|
||||
}
|
||||
|
||||
.player-privacy-panel__portrait-preview {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: 2px solid var(--sp-border);
|
||||
border-radius: @sp-border-radius;
|
||||
overflow: hidden;
|
||||
background: var(--sp-surface-elevated);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.player-privacy-panel__portrait-image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.player-privacy-panel__portrait-actions {
|
||||
display: flex;
|
||||
gap: @sp-spacing-sm;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.player-privacy-panel__portrait-choose,
|
||||
.player-privacy-panel__portrait-remove {
|
||||
font-size: 0.85em;
|
||||
padding: @sp-spacing-xs @sp-spacing-sm;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user