Improve tasks UI, dark theme, performance fixes, and admin pages polish
This commit is contained in:
@@ -224,7 +224,7 @@ SVG;
|
||||
|
||||
@else
|
||||
|
||||
<div class="bg-white flex justify-flex p-4 rounded-xl max-w-[350px] flex-col items-center">
|
||||
<div class="ui-panel flex p-4 rounded-xl max-w-[350px] flex-col items-center">
|
||||
|
||||
<img src="{{$user->picture ?? $gravatarUrl}}" alt="Profile Picture" class="w-16 h-16 rounded-full ">
|
||||
<label>
|
||||
@@ -361,7 +361,7 @@ SVG;
|
||||
|
||||
|
||||
<div class="w-full flex justify-center mt-4" style="">
|
||||
<div class="overflow-hidden border border-gray-300 rounded-[23px] bg-white max-w-[350px]">
|
||||
<div class="overflow-hidden border border-gray-300 rounded-[23px] ui-panel max-w-[350px]">
|
||||
<div class=" border-b border-gray-300 text-center w-full">
|
||||
|
||||
|
||||
@@ -369,7 +369,7 @@ SVG;
|
||||
<div class="w-[350px]">
|
||||
|
||||
@if(isset($_COOKIE['user_identity']))
|
||||
<table class="min-w-full bg-white shadow-md rounded-lg table-auto">
|
||||
<table class="min-w-full ui-attendance-table table-auto">
|
||||
<thead class=" text-black sticky top-0 z-10"
|
||||
style="background: rgba(244,244,244,0.82);border-bottom: 1px solid;border-color: #e1e1e1 ">
|
||||
<tr>
|
||||
@@ -456,10 +456,10 @@ SVG;
|
||||
|
||||
<!-- ATTENDANCE Modal -->
|
||||
<div id="modal-container"
|
||||
class="fixed inset-0 z-50 hidden bg-black bg-opacity-60 flex items-center justify-center p-4">
|
||||
<div id="modal-content" class=" bg-white p-4 sm:p-6 rounded-lg shadow-lg max-w-sm w-full relative">
|
||||
<h2 id="modal-title" class="text-xl sm:text-2xl font-semibold mb-4 text-center"></h2>
|
||||
<p id="modal-body" class="text-gray-700 mb-4 text-center"></p>
|
||||
class="ui-modal-backdrop centered hidden">
|
||||
<div id="modal-content" class="ui-modal-panel max-w-sm w-full">
|
||||
<h2 id="modal-title" class="ui-title"></h2>
|
||||
<p id="modal-body" class="ui-subtitle"></p>
|
||||
<div class="flex flex-col gap-4" style="align-items: center">
|
||||
|
||||
<div class="flex justify-center gap-2">
|
||||
@@ -559,16 +559,14 @@ SVG;
|
||||
|
||||
{{-- START TASK MODAL --}}
|
||||
<div id="taskModal"
|
||||
class="hidden fixed inset-0 bg-black/40 items-start justify-center z-50 flex backdrop-blur-sm scroll-auto pt-10">
|
||||
<div class="relative bg-white w-[350px] rounded-2xl shadow-lg p-5 text-center">
|
||||
|
||||
<button onclick="closeTaskModal()"
|
||||
class="absolute top-3 right-3 text-gray-400 hover:text-gray-600 transition">
|
||||
class="ui-modal-backdrop hidden">
|
||||
<div class="ui-modal-panel">
|
||||
<button type="button" onclick="closeTaskModal()" class="ui-modal-close" aria-label="بستن">
|
||||
×
|
||||
</button>
|
||||
|
||||
<h2 class="text-lg font-bold mb-3" id="modalTitle">انتخاب وظیفه</h2>
|
||||
<p class="text-gray-600 mb-4" id="modalDesc">یکی از وظایف زیر را انتخاب کنید:</p>
|
||||
<h2 class="ui-title" id="modalTitle">انتخاب وظیفه</h2>
|
||||
<p class="ui-subtitle" id="modalDesc">یکی از وظایف زیر را انتخاب کنید:</p>
|
||||
|
||||
<div class="grid flex-col gap-2 grid-cols-2 pb-3 items-center justify-items-end">
|
||||
@if(!empty($user->tasks))
|
||||
|
||||
Reference in New Issue
Block a user