[web] Fix missing rounded corner on some modal dialogs

Modal dialogs having elements with a background in their footer are now properly rounded.
This commit is contained in:
Alain Nussbaumer 2023-07-03 01:41:41 +02:00
parent 9f67f2d4fd
commit c268d093ca
5 changed files with 5 additions and 5 deletions

View File

@ -9,7 +9,7 @@
<p v-if="title" class="title is-4" v-text="title" /> <p v-if="title" class="title is-4" v-text="title" />
<slot name="modal-content" /> <slot name="modal-content" />
</div> </div>
<footer class="card-footer"> <footer class="card-footer is-clipped">
<a class="card-footer-item has-text-dark" @click="$emit('close')"> <a class="card-footer-item has-text-dark" @click="$emit('close')">
<mdicon class="icon" name="cancel" size="16" /> <mdicon class="icon" name="cancel" size="16" />
<span <span

View File

@ -24,7 +24,7 @@
</div> </div>
</form> </form>
</div> </div>
<footer v-if="loading" class="card-footer"> <footer v-if="loading" class="card-footer is-clipped">
<a class="card-footer-item button is-loading"> <a class="card-footer-item button is-loading">
<mdicon class="icon" name="web" size="16" /> <mdicon class="icon" name="web" size="16" />
<span <span

View File

@ -32,7 +32,7 @@
/> />
</a> </a>
</footer> </footer>
<footer v-else class="card-footer"> <footer v-else class="card-footer is-clipped">
<a <a
class="card-footer-item has-text-danger" class="card-footer-item has-text-danger"
@click="$emit('close')" @click="$emit('close')"

View File

@ -32,7 +32,7 @@
/> />
</a> </a>
</footer> </footer>
<footer v-else class="card-footer"> <footer v-else class="card-footer is-clipped">
<a <a
class="card-footer-item has-text-danger" class="card-footer-item has-text-danger"
@click="$emit('close')" @click="$emit('close')"

View File

@ -25,7 +25,7 @@
</div> </div>
</form> </form>
</div> </div>
<footer class="card-footer"> <footer class="card-footer is-clipped">
<a <a
class="card-footer-item has-text-danger" class="card-footer-item has-text-danger"
@click="$emit('close')" @click="$emit('close')"