Commit 8bda0d01 authored by ZeMKI's avatar ZeMKI
Browse files

Migration to tailwind ui

* new style for notifications
* new study new style - almost done
parent 0aa634f0
......@@ -26,7 +26,6 @@ if (process.env.MIX_ENV_MODE === "production") {
}
Vue.prototype.trans = (key) => {
console.log(_.isUndefined(window.trans[key]));
if (_.isUndefined(window.trans[key])) {
return key;
} else {
......
This diff is collapsed.
......@@ -33,19 +33,17 @@
</div>
<div
v-show="shownotificationbox"
class="absolute z-10 items-end w-screen max-w-xs px-2 mt-3 sm:px-0"
class="absolute z-30 items-end w-screen max-w-xs px-2 mt-3 sm:px-0"
>
<div
class="overflow-hidden break-words rounded-lg shadow-lg ring-1 ring-black ring-opacity-5"
>
<div
class="relative grid gap-6 px-5 py-6 bg-white sm:gap-8 sm:p-8"
>
<div class="relative flex flex-col px-2 py-3 bg-white">
<div
v-for="(notification, index) in usernotifications"
:key="index"
href="#"
class="block p-3 -m-3 transition duration-150 ease-in-out rounded-md hover:bg-gray-50"
class="block p-2 rounded-md shrink-1 hover:bg-gray-50"
>
<div class="flex-1 w-auto p-1">
<p class="text-base font-medium text-gray-900">
......@@ -62,7 +60,7 @@
@click.prevent="
togglenotification(notification.id)
"
class="flex items-center justify-center w-full p-4 text-sm font-medium text-blue-500 border border-transparent rounded-none rounded-r-lg hover:text-blue-700 focus:outline-none focus:ring-2 focus:ring-indigo-500"
class="inline-flex items-center px-3 py-2 text-base font-medium text-white bg-blue-500 border border-transparent rounded-md shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
>
{{ trans("Set to READ") }}
</button>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment