Show mail domain change progress
This commit is contained in:
@@ -3,23 +3,31 @@
|
||||
|
||||
<template>
|
||||
<div class="settings-item">
|
||||
<slot></slot>
|
||||
<div class="settings-item-body">
|
||||
<slot></slot>
|
||||
</div>
|
||||
<div class="setting-item-bottom">
|
||||
<slot name="bottom"></slot>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
|
||||
.settings-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-radius: var(--pankow-border-radius);
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.settings-item-body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.settings-item {
|
||||
.settings-item-body {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
@@ -32,4 +40,9 @@
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.setting-item-bottom {
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user