feat: add withdraw request functionality and UI components

resources/css/Admin/input.css

@@ -1,3 +1,51 @@
-.p-formfield .p-select{
-    @apply !py-0.5;
+.p-inputtext,
+.p-select,
+.p-multiselect,
+.p-password,
+.vpd-input-group {
+    @apply h-10;
+}
+
+.p-multiselect {
+    @apply h-auto min-h-10;
+}
+
+.p-select,
+.p-multiselect {
+    @apply items-center;
+}
+
+.p-password .p-inputtext {
+    @apply !h-full;
+}
+
+.p-inputtext,
+.p-textarea,
+.p-select-label,
+.p-multiselect-label,
+.p-select-option,
+.p-multiselect-option {
+    @apply !text-sm;
+}
+
+.p-inputtext::placeholder,
+.p-textarea::placeholder {
+    @apply !text-sm font-light;
+}
+
+.p-select-label,
+.p-multiselect-label {
+    @apply flex items-center !py-0;
+}
+
+.p-textarea {
+    @apply min-h-28;
+}
+
+.p-formfield select {
+    @apply w-full rounded-md border border-gray-300 bg-white p-2 text-sm text-client-Fontcolor;
+}
+
+.vpd-input-group input.form-control {
+    @apply !h-full !w-full !rounded-md !border !border-gray-300 !bg-white !px-3 !text-sm !text-client-Fontcolor;
 }

resources/css/Client/ui/button.css

@@ -40,6 +40,22 @@
 
 
 
+.ui-button--success.p-button {
+  @apply !bg-success !border-success font-normal !text-white;
+}
+
+.ui-button--success.p-button:hover {
+  @apply !bg-success-active !border-success-active;
+}
+
+.ui-button--success.p-button:active {
+  @apply !bg-success-active !border-success-active;
+}
+
+.ui-button--success.p-button:focus {
+  box-shadow: 0 0 0 2px rgb(80 205 137 / 0.25);
+}
+
 .ui-button-icon {
   @apply transition-all duration-200;
 }

resources/css/Client/ui/flags.css

@@ -1,19 +1,4 @@
 /* Flag Icons using Emoji */
-.fi {
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.fi:before {
-  content: attr(data-flag);
-  font-size: 1.2em;
-}
-
 /* Country Flags */
 .fi.fi-af:before { content: "🇦🇫"; }
 .fi.fi-al:before { content: "🇦🇱"; }

resources/css/Shared/shift-calendar.css

@@ -99,3 +99,8 @@
 .shift-calendar .shift-event--inactive {
     opacity: 0.55;
 }
+
+.shift-calendar .fc-highlight {
+    background: rgba(87, 105, 137, 0.15);
+    border-radius: 8px;
+}

resources/css/admin.css

@@ -13,9 +13,6 @@ body{
     @apply font-dana font-normal bg-client-gray/5;
 }
 
-.vpd-input-group{
-    @apply !h-9;
-}
 .ql-container {
     direction: rtl;
     text-align: right;