mirror_html/DirectoryLister
1
0
Fork 0
mirror of https://github.com/DirectoryLister/DirectoryLister.git synced 2025-08-21 05:11:38 +02:00
Code Issues Projects Releases Wiki Activity

Cleaned up file-info-modal markup a bit

Browse Source
This commit is contained in:
Chris Kankiewicz
2020-02-19 10:28:07 -07:00
parent a283c6088e
commit 292756848b
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/resources/js/components/file-info-modal.vue
View File

@@ -1,11 +1,11 @@
<template>
<div id="file-info-modal"
<div id="file-info-modal" v-bind:class="this.styles" v-on:click.self="hide()"
class="fixed top-0 flex justify-center items-center w-screen h-screen p-4 z-50"
style="background-color: hsla(218, 23%, 23%, 0.5)"
v-bind:class="this.styles"
v-on:click.self="hide()"
>
<div id="file-info-dialogue" class="bg-white rounded-lg shadow-lg overflow-hidden" v-show="! loading">
<div id="file-info-dialogue" v-show="! loading"
class="transition duration-500 ease-in-out bg-white rounded-lg shadow-lg overflow-hidden"
>
<header class="flex justify-between items-center bg-blue-600 p-4">
<i class="fas fa-info-circle fa-lg text-white"></i>
@@ -13,9 +13,8 @@
{{ title }}
</div>
<button
<button v-on:click="hide()"
class="flex justify-center items-center rounded-full w-6 h-6 text-blue-900 text-sm hover:bg-red-700 hover:text-white hover:shadow"
v-on:click="hide()"
>
<i class="fas fa-times"></i>
</button>