fix: center title with margin auto instead of fragile spacer divs
This commit is contained in:
@@ -151,8 +151,6 @@ function dateToValueString(time) {
|
|||||||
<span class="date-label">{{ formatDateShort(get(next).from) }} - {{ formatDateShort(get(next).to) }}</span>
|
<span class="date-label">{{ formatDateShort(get(next).from) }} - {{ formatDateShort(get(next).to) }}</span>
|
||||||
<i>arrow_right_alt</i>
|
<i>arrow_right_alt</i>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="spacer" v-if="next == null || next <= 0"></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="admin-row" v-if="admin && groups.length > 0">
|
<div class="admin-row" v-if="admin && groups.length > 0">
|
||||||
@@ -177,7 +175,6 @@ function dateToValueString(time) {
|
|||||||
.top-row {
|
.top-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
}
|
}
|
||||||
@@ -198,11 +195,6 @@ function dateToValueString(time) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.spacer {
|
|
||||||
width: 42px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -212,6 +204,7 @@ function dateToValueString(time) {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
.prefix {
|
.prefix {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -267,10 +260,6 @@ function dateToValueString(time) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.spacer {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
|
|||||||
Reference in New Issue
Block a user