Overlay style adjustments

This commit is contained in:
Chris Kankiewicz
2020-12-30 15:24:10 -07:00
parent 0b256827e7
commit 32f32426a4
2 changed files with 2 additions and 2 deletions

View File

@@ -1,6 +1,6 @@
<template>
<div id="file-info-modal" v-bind:class="this.styles" v-on:click.self="hide()"
class="fixed top-0 flex justify-center items-center bg-gray-800 bg-opacity-50 w-screen h-screen p-4 z-50 dark:bg-gray-600 dark:bg-opacity-50"
class="fixed inset-0 flex justify-center items-center bg-gray-800 bg-opacity-50 p-4 z-50 dark:bg-gray-600 dark:bg-opacity-50"
>
<div id="file-info-dialogue" v-show="! loading"
class="bg-white rounded-lg shadow-lg overflow-hidden dark:bg-gray-800 dark:text-white"

View File

@@ -22,7 +22,7 @@
{% block content %}{% endblock %}
</div>
<div class="fixed inset-0 flex flex-col justify-center items-center min-h-screen bg-gray-900 bg-opacity-90" v-show="loading">
<div class="fixed inset-0 flex flex-col justify-center items-center min-h-screen bg-gray-800 bg-opacity-90 p-4 z-50" v-show="loading">
<i class="fas fa-spinner fa-pulse fa-5x text-white"></i>
</div>
</div>