diff --git a/django/static/css/t-input.css b/django/static/css/t-input.css index bf58810..e69bf20 100644 --- a/django/static/css/t-input.css +++ b/django/static/css/t-input.css @@ -56,6 +56,34 @@ a.qp-a-button-small { } +.field-group form p { + @apply flex flex-col gap-2; +} + +.field-group form p label { + @apply text-gray-900 font-semibold text-sm; +} + +.field-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; +} + +.field-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; +} + +.field-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]; +} + +.field-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; +} + ul.messages li { diff --git a/django/templates/library/form.html b/django/templates/library/form.html index 78c547c..f3173be 100644 --- a/django/templates/library/form.html +++ b/django/templates/library/form.html @@ -5,9 +5,9 @@ - -