s464958/FirmTracker
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

label w harmonogramie i rozmiar kontenera z szczegółami dnia

Browse Source
This commit is contained in:
Kamil 2025-01-02 17:44:46 +01:00
parent 93b6ab331a
commit a25a3d4011
3 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
firm/src/components/Harmonogram.js
View File

@ -214,6 +214,11 @@ const Harmonogram = () => {
return (
<div className='p-10 ml-11'>
<div className="flex items-center justify-between py-6 px-8 bg-gradient-to-r from-blue-500 to-teal-500 rounded-xl shadow-md mb-6">
<h1 className="text-white text-4xl font-semibold">Harmonogram</h1>
</div>
<div className="container mx-auto px-4 py-6">
<div className="flex justify-between items-center mb-6">
<div className="text-lg font-semibold">
@ -227,7 +232,6 @@ const Harmonogram = () => {
{isWorking ? 'Zakończ pracę' : 'Rozpocznij pracę'}
</button>
</div>
<div className="flex gap-6">
<div className="w-2/3">
<div className="flex justify-between items-center mb-4">
@ -259,7 +263,7 @@ const Harmonogram = () => {
</div>
</div>
<div className="w-1/3 bg-gray-100 p-4 rounded-lg">
<div className="w-1/3 bg-gray-100 p-4 rounded-lg h-[350px]">
{loading ? (
<p className="text-center text-blue-500">Ładowanie danych...</p>
) : selectedDay ? (
@ -299,7 +303,7 @@ const Harmonogram = () => {
<p className="text-center text-gray-500">Wybierz dzień, aby zobaczyć szczegóły.</p>
)}
</div>
</div>
</div>
</div>
);

10
firm/src/components/PanelAdministratora.js
View File

@ -105,7 +105,7 @@ const PanelAdministratora = () => {
return (
<div className='p-10 ml-11'>
<div className='flex items-center justify-between py-6 px-8 bg-gradient-to-r from-blue-500 to-teal-500 rounded-xl shadow-md mb-6'>
<h1 className="text-white text-4xl font-semibold">Panel Administratora</h1>
<h1 className="text-white text-4xl font-semibold">Panel administratora</h1>
<div className="mr-10 text-lg flex">
<div className='px-5'>
<button
@ -146,7 +146,7 @@ const PanelAdministratora = () => {
<div className="flex justify-center items-start pt-10">
<div className="bg-white p-8 rounded-xl shadow-lg w-full max-w-md">
<div className="mb-6">
<h2 className="text-2xl font-semibold text-center mb-4">Pobierz Raport</h2>
<h2 className="text-2xl font-semibold text-center mb-4">Pobierz raport</h2>
<div className="mb-4">
<label htmlFor="reportType" className="block text-lg font-medium text-gray-700 mb-2">Wybierz typ raportu:</label>
@ -188,7 +188,7 @@ const PanelAdministratora = () => {
onClick={downloadReport}
className="w-full bg-blue-500 text-white py-3 px-4 rounded-lg mt-4 hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-300"
>
Pobierz Raport
Pobierz raport
</button>
</div>
</div>
@ -228,7 +228,7 @@ const PanelAdministratora = () => {
<div className="flex justify-center items-start pt-10">
<div className="bg-white p-8 rounded-xl shadow-lg w-full max-w-md">
<div className="mb-6">
<h2 className="text-2xl font-semibold text-center mb-4">Dodaj Absencję</h2>
<h2 className="text-2xl font-semibold text-center mb-4">Dodaj absencję</h2>
<div className="mb-4">
<label htmlFor="email" className="block text-lg font-medium text-gray-700 mb-2">Wybierz email:</label>
@ -285,7 +285,7 @@ const PanelAdministratora = () => {
onClick={addAbsence}
className="w-full bg-blue-500 text-white py-3 px-4 rounded-lg mt-4 hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-300"
>
Dodaj Absencję
Dodaj absencję
</button>
</div>
</div>

2
firm/src/components/WidokHarmonogramu.js
View File

@ -172,7 +172,7 @@ const WidokHarmonogramu = ({ workdays }) => {
</div>
</div>
<div className="w-1/3 bg-gray-100 p-4 rounded-lg">
<div className="w-1/3 bg-gray-100 p-4 rounded-lg h-[350px]">
{loading ? (
<p className="text-center text-blue-500">Ładowanie danych...</p>
) : selectedDay ? (