Update NoLoginView styling: Adjust action panel dimensions and layout for improved responsiveness and spacing. Enhance flex properties to ensure better alignment and visual consistency across components.
This commit is contained in:
@@ -212,6 +212,7 @@ export default {
|
||||
.actions {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
@@ -220,8 +221,9 @@ export default {
|
||||
}
|
||||
|
||||
.actions-panel {
|
||||
flex: 0 0 40%;
|
||||
max-height: 40%;
|
||||
flex: 0 0 calc(40% - 0.5rem);
|
||||
height: calc(40% - 0.5rem);
|
||||
max-height: calc(40% - 0.5rem);
|
||||
min-height: 0;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 251, 246, 0.96) 0%, rgba(248, 240, 231, 0.96) 100%);
|
||||
@@ -439,10 +441,12 @@ export default {
|
||||
min-height: auto;
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.actions-panel {
|
||||
flex: 0 0 auto;
|
||||
height: auto;
|
||||
max-height: none;
|
||||
min-height: 260px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user