gnx/Hotel-Booking
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
Iliyan Angelov
2025-12-07 20:36:17 +02:00
parent 876af48145
commit b818d645a9
91 changed files with 3692 additions and 4501 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
Frontend/src/features/rooms/components/Pagination.tsx
View File

@@ -77,9 +77,9 @@ const Pagination: React.FC<PaginationProps> = ({
<button
onClick={() => handlePageChange(currentPage - 1)}
disabled={currentPage === 1}
className="px-4 py-2 border border-[#d4af37]/30
className="px-4 py-2 border border-[var(--luxury-gold)]/30
rounded-lg bg-[#0a0a0a] text-gray-300
hover:bg-[#1a1a1a] hover:border-[#d4af37] hover:text-[#d4af37]
hover:bg-[#1a1a1a] hover:border-[var(--luxury-gold)] hover:text-[var(--luxury-gold)]
disabled:opacity-50 disabled:cursor-not-allowed
transition-all duration-300 font-medium tracking-wide"
aria-label="Previous page"
@@ -110,8 +110,8 @@ const Pagination: React.FC<PaginationProps> = ({
className={`px-5 py-2 rounded-lg transition-all duration-300
font-medium tracking-wide ${
isActive
? 'bg-gradient-to-r from-[#d4af37] to-[#c9a227] text-[#0f0f0f] shadow-lg shadow-[#d4af37]/30'
: 'border border-[#d4af37]/30 bg-[#0a0a0a] text-gray-300 hover:bg-[#1a1a1a] hover:border-[#d4af37] hover:text-[#d4af37]'
? 'bg-gradient-to-r from-[var(--luxury-gold)] to-[var(--luxury-gold-dark)] text-[#0f0f0f] shadow-lg shadow-[var(--luxury-gold)]/30'
: 'border border-[var(--luxury-gold)]/30 bg-[#0a0a0a] text-gray-300 hover:bg-[#1a1a1a] hover:border-[var(--luxury-gold)] hover:text-[var(--luxury-gold)]'
}`}
aria-label={`Page ${pageNum}`}
aria-current={isActive ? 'page' : undefined}
@@ -125,9 +125,9 @@ const Pagination: React.FC<PaginationProps> = ({
<button
onClick={() => handlePageChange(currentPage + 1)}
disabled={currentPage === totalPages}
className="px-4 py-2 border border-[#d4af37]/30
className="px-4 py-2 border border-[var(--luxury-gold)]/30
rounded-lg bg-[#0a0a0a] text-gray-300
hover:bg-[#1a1a1a] hover:border-[#d4af37] hover:text-[#d4af37]
hover:bg-[#1a1a1a] hover:border-[var(--luxury-gold)] hover:text-[var(--luxury-gold)]
disabled:opacity-50 disabled:cursor-not-allowed
transition-all duration-300 font-medium tracking-wide"
aria-label="Next page"