BartekGit/magico.prototype
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: poprawki date picker w grafik feat: alert icon w topbar

Browse Source
This commit is contained in:
user
2026-06-16 15:23:08 +02:00
parent 83d3499164
commit caaf914865
3 changed files with 205 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
prototype/magico-pracownik/vacations.php
+56 -2
View File
@@ -11,8 +11,62 @@ include 'header.php';
</div>
<h1 class="app-title">Acme Corp</h1>
</div>
<div class="user-avatar shadow-sm">
<i class='bx bx-user'></i>
<div class="d-flex align-items-center gap-3">
<!-- Powiadomienia -->
<div class="dropdown">
<div class="position-relative" style="cursor: pointer;" data-bs-toggle="dropdown" aria-expanded="false">
<i class='bx bx-bell fs-4 text-muted'></i>
<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger border border-white" style="font-size: 0.65rem; padding: 0.3em 0.45em;">
1
</span>
</div>
<div class="dropdown-menu dropdown-menu-end p-0 border-0 mt-2" style="border-radius: 16px; width: 340px; box-shadow: 0 0.5rem 1.5rem rgba(105, 108, 255, 0.15); overflow: hidden; z-index: 1050; margin-right: -40px;">
<div class="p-3 border-bottom d-flex justify-content-between align-items-center" style="background-color: #fcfcfd;">
<h6 class="mb-0 fw-bold" style="color: #566A7F;">Powiadomienia</h6>
<span class="badge bg-label-danger rounded-pill">1 nowe</span>
</div>
<div class="list-group list-group-flush" style="max-height: 350px; overflow-y: auto;">
<!-- Nieprzeczytane -->
<a href="vacations.php" class="list-group-item list-group-item-action d-flex align-items-start p-3 border-0" style="background-color: rgba(105, 108, 255, 0.03); border-bottom: 1px solid rgba(0,0,0,0.03) !important;">
<div class="d-flex justify-content-center align-items-center rounded-circle flex-shrink-0 me-3" style="width: 40px; height: 40px; background-color: rgba(255, 62, 29, 0.1); color: #ff3e1d;">
<i class='bx bx-x-circle fs-5'></i>
</div>
<div class="flex-grow-1">
<h6 class="mb-1 fw-bold" style="font-size: 0.9rem; color: #566A7F;">Wniosek odrzucony</h6>
<p class="mb-1 small text-muted" style="line-height: 1.4;">Kierownik odrzucił Twój wniosek o urlop na żądanie (05 Wrz).</p>
<small class="text-primary-custom fw-semibold" style="font-size: 0.75rem;">10 min temu</small>
</div>
<div class="flex-shrink-0 ms-2 mt-2">
<div style="width: 8px; height: 8px; background-color: #696cff; border-radius: 50%;"></div>
</div>
</a>
<!-- Przeczytane -->
<a href="vacations.php" class="list-group-item list-group-item-action d-flex align-items-start p-3 border-0">
<div class="d-flex justify-content-center align-items-center rounded-circle flex-shrink-0 me-3" style="width: 40px; height: 40px; background-color: rgba(113, 221, 55, 0.1); color: #71dd37;">
<i class='bx bx-check-circle fs-5'></i>
</div>
<div class="flex-grow-1">
<h6 class="mb-1 fw-semibold" style="font-size: 0.9rem; color: #566A7F;">Wniosek zaakceptowany</h6>
<p class="mb-1 small text-muted" style="line-height: 1.4;">Twój urlop wypoczynkowy (12-16 Sie) został pomyślnie zatwierdzony.</p>
<small class="text-muted" style="font-size: 0.75rem;">Wczoraj</small>
</div>
</a>
</div>
<div class="p-3 border-top text-center" style="background-color: #fcfcfd;">
<button class="btn btn-primary btn-sm w-100 fw-bold" style="border-radius: 8px;">Zobacz wszystkie</button>
</div>
</div>
</div>
<div class="user-avatar shadow-sm">
<i class='bx bx-user'></i>
</div>
</div>
</div>