fix: styling

web/mixins.py

@@ -1,5 +1,6 @@
 from django.conf import settings
 from django.core.paginator import Paginator
+from django.utils.text import gettext_lazy as _
 
 
 class FilteredQuerysetMixin:
@@ -25,3 +26,32 @@ class PaginatedQuerysetMixin:
         page = self.request.GET.get("page", 1)
         qs = paginator.get_page(page)
         return qs
+
+
+class StylingMixin:
+    placeholder_for_field = {}
+    styled_fields = []
+
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+        self.style_fields()
+
+    def style_fields(self):
+        for field_name in self.styled_fields:
+            field = self.fields[field_name]
+            field.required = True
+            field.widget.attrs.update(
+                {
+                    "class": "my-2 bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg "
+                             "focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 "
+                             "dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 "
+                             "dark:focus:border-primary-500"
+                }
+            )
+
+            if self.placeholder_for_field.get(field_name):
+                field.widget.attrs.update(
+                    {
+                        "placeholder": self.placeholder_for_field.get(field_name),
+                    }
+                )