CRUD Operations for Library models

core/homepage/static/homepage/t-input.css

@@ -8,3 +8,39 @@ a.qp-a-button {
     @apply p-6 rounded-md font-extrabold hover:scale-105 transition duration-300 shadow-md;
 }
 .register input{@apply p-3 rounded-full bg-gray-200 focus:scale-105 transition duration-200 font-black;}
+
+.input-group {
+    @apply flex flex-col gap-4 max-w-md mx-auto p-6 bg-white rounded-xl shadow-lg;
+}
+
+.input-group form {
+    @apply flex flex-col gap-4;
+}
+
+.input-group form p {
+    @apply flex flex-col gap-2;
+}
+
+.input-group form p label {
+    @apply text-gray-900 font-semibold text-sm;
+}
+
+.input-group form p input {
+    @apply p-3 rounded-full bg-gray-200 focus:scale-105 transition duration-200 font-black 
+    focus:outline-none focus:ring-2 focus:ring-blue-400 focus:bg-blue-100;
+}
+
+.input-group form p select {
+    @apply p-3 rounded-md bg-gray-200 focus:scale-105 transition duration-200 font-black
+    focus:outline-none focus:ring-2 focus:ring-blue-400 focus:bg-blue-100;
+}
+
+.input-group form p textarea {
+    @apply p-3 rounded-xl bg-gray-200 focus:scale-105 transition duration-200 font-black
+    focus:outline-none focus:ring-2 focus:ring-blue-400 focus:bg-blue-100 min-h-[100px];
+}
+
+.input-group form p button {
+    @apply p-3 rounded-full bg-indigo-500 hover:bg-indigo-600 text-white focus:scale-105 
+    transition duration-200 font-black shadow-md hover:shadow-lg;
+}