material

2025-06-13 10:04:33 +05:30
parent 703f1256ff
commit 773b1f753b
89 changed files with 19379 additions and 9048 deletions
--- a/src/components/Dashboard/UserGroupMaintance/UserGroupMaintance.css
+++ b/src/components/Dashboard/UserGroupMaintance/UserGroupMaintance.css
@@ -1,7 +1,133 @@
-@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
-.custom-header, .custom-cell {
-  font-family: 'PT Serif", serif '; 
-  
-  font-style: normal;
-  font-weight: bold;
-}
+@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
+.custom-header, .custom-cell {
+  font-family: 'PT Serif", serif '; 
+  
+  font-style: normal;
+  font-weight: bold;
+}
+
+/* UserGroupMaintenance.css */
+
+.user-group-maintenance-container {
+  padding: 2rem;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+.main-title {
+  font-family: 'PT Serif', serif;
+  color: #333;
+  text-align: center;
+  margin-bottom: 2rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+
+.data-grid-container {
+  background-color: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  padding: 1rem;
+}
+
+.grid-toolbar {
+  padding: 0.5rem 0;
+  margin-bottom: 1rem;
+  display: flex;
+  gap: 1rem;
+}
+
+.toolbar-button {
+  font-family: 'PT Serif', serif;
+  text-transform: capitalize;
+  font-weight: 600;
+  background-color: #1976d2;
+  color: white;
+  transition: all 0.3s ease;
+}
+
+.toolbar-button:hover {
+  background-color: #1565c0;
+}
+
+.add-button {
+  background-color: #4caf50;
+}
+
+.add-button:hover {
+  background-color: #388e3c;
+}
+
+.custom-header {
+  font-family: 'PT Serif', serif;
+  font-weight: 700;
+  background-color: #f0f0f0;
+  color: #333;
+}
+
+.custom-cell {
+  font-family: 'PT Serif', serif;
+  font-weight: 400;
+}
+
+.three-dots {
+  cursor: pointer;
+  padding: 0.5rem;
+  color: #666;
+}
+
+.popover {
+  position: absolute;
+  right: 0;
+  background: white;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  z-index: 100;
+  padding: 0.5rem;
+  border-radius: 4px;
+}
+
+.popover button {
+  display: block;
+  width: 100%;
+  padding: 0.5rem 1rem;
+  text-align: left;
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-family: 'PT Serif', serif;
+}
+
+.popover button:hover {
+  background-color: #f5f5f5;
+}
+
+/* Modal styles */
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
+
+.modal-content {
+  background-color: white;
+  padding: 2rem;
+  border-radius: 8px;
+  width: 90%;
+  max-width: 500px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+}
+
+.modal-title {
+  font-family: 'PT Serif', serif;
+  font-size: 1.5rem;
+  margin-bottom: 1.5rem;
+  color: #333;
+}