Update frontend/src/App.css
Browse files- frontend/src/App.css +49 -0
frontend/src/App.css
CHANGED
|
@@ -720,3 +720,52 @@ h2{
|
|
| 720 |
color: #fff;
|
| 721 |
cursor: pointer;
|
| 722 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 720 |
color: #fff;
|
| 721 |
cursor: pointer;
|
| 722 |
}
|
| 723 |
+
|
| 724 |
+
|
| 725 |
+
.sidebar-footer {
|
| 726 |
+
z-index:99999;
|
| 727 |
+
margin-top: auto;
|
| 728 |
+
border-top: 1px solid #525467;
|
| 729 |
+
padding: 15px;
|
| 730 |
+
display: flex;
|
| 731 |
+
flex-direction: column;
|
| 732 |
+
gap: 10px;
|
| 733 |
+
}
|
| 734 |
+
|
| 735 |
+
.admin-btn {
|
| 736 |
+
display: flex;
|
| 737 |
+
align-items: center;
|
| 738 |
+
gap: 8px;
|
| 739 |
+
padding: 8px 12px;
|
| 740 |
+
background-color: rgba(76, 175, 80, 0.1);
|
| 741 |
+
color: #ffffff;
|
| 742 |
+
border: 1px solid rgba(76, 175, 80, 0.3);
|
| 743 |
+
border-radius: 6px;
|
| 744 |
+
cursor: pointer;
|
| 745 |
+
font-size: 0.9rem;
|
| 746 |
+
transition: background-color 0.2s;
|
| 747 |
+
width: 100%;
|
| 748 |
+
}
|
| 749 |
+
|
| 750 |
+
.admin-btn:hover {
|
| 751 |
+
background-color: rgba(76, 175, 80, 0.2);
|
| 752 |
+
}
|
| 753 |
+
|
| 754 |
+
.logout-btn {
|
| 755 |
+
display: flex;
|
| 756 |
+
align-items: center;
|
| 757 |
+
gap: 8px;
|
| 758 |
+
padding: 8px 12px;
|
| 759 |
+
background-color: rgba(255, 82, 82, 0.1);
|
| 760 |
+
color: #ffffff;
|
| 761 |
+
border: 1px solid rgba(255, 82, 82, 0.3);
|
| 762 |
+
border-radius: 6px;
|
| 763 |
+
cursor: pointer;
|
| 764 |
+
font-size: 0.9rem;
|
| 765 |
+
transition: background-color 0.2s;
|
| 766 |
+
width: 100%;
|
| 767 |
+
}
|
| 768 |
+
|
| 769 |
+
.logout-btn:hover {
|
| 770 |
+
background-color: rgba(255, 82, 82, 0.2);
|
| 771 |
+
}
|