Stupid simple indication of text copied to the clipboard

This commit is contained in:
2021-08-03 14:46:10 -06:00
parent 772913e702
commit efb9608fad
2 changed files with 17 additions and 2 deletions

View File

@ -53,6 +53,8 @@
</head>
<body class="font-open-sans antialiased">
<div id="app" class="flex flex-col items-center justify-center w-full min-h-screen">
<div v-show="showStatusMessage" class="w-1/5 text-center px-4 py-3 uppercase font-bold bg-green-300 text-green-600 fixed top-0 mt-4 rounded z-10">Copied!</div>
<div v-show="showErrorMessage" class="w-1/5 text-center px-4 py-3 uppercase font-bold bg-red-300 text-red-600 fixed top-0 mt-4 rounded z-10">Failed to copy</div>
<div class="w-3/5">
<h1 class="text-center text-2xl font-bold">Batch Color Converter</h1>