Fix input fields not filling the form space

CHANGELOG.md

@@ -1,6 +1,10 @@
 # Changelog
 All notable changes to this project will be documented in this file.
 
+## [1.2.3 - 2022-12-01](https://github.com/iniznet/authcred/releases/tag/v1.2.3)
+### Bug Fixes
+* Fix input fields not filling the form space
+
 ## [1.2.2 - 2022-12-01](https://github.com/iniznet/authcred/releases/tag/v1.2.2)
 ### Bug Fixes
 * Fix potential underline & color issues

authcred.php

@@ -3,7 +3,7 @@
  * Plugin Name:       AuthCRED
  * Plugin URI:        https://github.com/iniznet/authcred
  * Description:       Provide simple authentication alongside mycred integration with shortcodes
- * Version:           1.2.2
+ * Version:           1.2.3
  * Requires at least: 5.8
  * Requires PHP:      7.2
  * Author:            niznet

package.json

@@ -1,6 +1,6 @@
 {
     "name": "authcred",
-    "version": "1.2.2",
+    "version": "1.2.3",
     "description": "AuthCRED WP Plugin.",
     "scripts": {
         "dev": "vite",

plugin.json

@@ -1,6 +1,6 @@
 {
     "name" : "AuthCRED",
-    "version" : "1.2.2",
+    "version" : "1.2.3",
     "download_url" : "https://github.com/iniznet/authcred/releases/download/v1.2.1/authcred-v1.2.1.zip",
     "sections" : {
         "description" : "Provide Authentication pages & system alongside mycred integration."

templates/buy-dynamic.php

@@ -10,7 +10,7 @@ class="p-2 space-y-4 max-w-sm <?= esc_html($class) ?>"
 
   <div>
     <label for="amount" class="relative z-0 w-full">
-      <input x-model="amount" type="number" id="amount" name="amount" class="block pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
+      <input x-model="amount" type="number" id="amount" name="amount" class="block w-full pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
       <span class="absolute text-xs duration-300 transform -translate-y-2.5 top-3 peer-focus:left-2 left-2 peer-focus:text-blue-600 peer-placeholder-shown:translate-y-0 peer-focus:text-xs peer-placeholder-shown:text-sm peer-focus:-translate-y-2.5"><?= __('Amount', 'authcred') ?></span>
     </label>
   </div>

templates/change.php

@@ -14,19 +14,19 @@ class="my-2 space-y-4 max-w-sm <?= $class ?>"
 
   <div>
     <label for="password" class="relative z-0 w-full">
-      <input type="password" id="password" name="password" class="block pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
+      <input type="password" id="password" name="password" class="block w-full pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
       <span class="absolute text-xs duration-300 transform -translate-y-2.5 top-3 peer-focus:left-2 left-2 peer-focus:text-blue-600 peer-placeholder-shown:translate-y-0 peer-focus:text-xs peer-placeholder-shown:text-sm peer-focus:-translate-y-2.5"><?= __('Old Password', 'authcred') ?></span>
     </label>
   </div>
   <div>
     <label for="new_password" class="relative z-0 w-full">
-      <input type="password" id="new_password" name="new_password" class="block pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
+      <input type="password" id="new_password" name="new_password" class="block w-full pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
       <span class="absolute text-xs duration-300 transform -translate-y-2.5 top-3 peer-focus:left-2 left-2 peer-focus:text-blue-600 peer-placeholder-shown:translate-y-0 peer-focus:text-xs peer-placeholder-shown:text-sm peer-focus:-translate-y-2.5"><?= __('New Password', 'authcred') ?></span>
     </label>
   </div>
   <div>
     <label for="confirm_new_password" class="relative z-0 w-full">
-      <input type="password" id="confirm_new_password" name="confirm_new_password" class="block pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
+      <input type="password" id="confirm_new_password" name="confirm_new_password" class="block w-full pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
       <span class="absolute text-xs duration-300 transform -translate-y-2.5 top-3 peer-focus:left-2 left-2 peer-focus:text-blue-600 peer-placeholder-shown:translate-y-0 peer-focus:text-xs peer-placeholder-shown:text-sm peer-focus:-translate-y-2.5"><?= __('New Password', 'authcred') ?></span>
     </label>
   </div>

templates/forgot.php

@@ -17,7 +17,7 @@ class="my-2 space-y-4 max-w-sm <?= $class ?>"
 
   <div>
     <label for="username" class="relative z-0 w-full">
-      <input type="text" id="username" name="username" class="block pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
+      <input type="text" id="username" name="username" class="block w-full pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
       <span class="absolute text-xs duration-300 transform -translate-y-2.5 top-3 peer-focus:left-2 left-2 peer-focus:text-blue-600 peer-placeholder-shown:translate-y-0 peer-focus:text-xs peer-placeholder-shown:text-sm peer-focus:-translate-y-2.5"><?= __('Username or email', 'authcred') ?></span>
     </label>
   </div>
@@ -54,7 +54,7 @@ class="my-2 space-y-4 max-w-sm"
 
   <div>
     <label for="reset" class="relative z-0 w-full">
-      <input type="text" id="reset" name="reset" class="block pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer" placeholder=" " required />
+      <input type="text" id="reset" name="reset" class="block w-full pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer" placeholder=" " required />
       <span class="absolute text-xs duration-300 transform -translate-y-2.5 top-3 peer-focus:left-2 left-2 peer-focus:text-blue-600 peer-placeholder-shown:translate-y-0 peer-focus:text-xs peer-placeholder-shown:text-sm peer-focus:-translate-y-2.5"><?= __('Reset Key', 'authcred') ?></span>
     </label>
   </div>
@@ -91,13 +91,13 @@ class="my-2 space-y-4 max-w-sm"
 
   <div>
     <label for="password" class="relative z-0 w-full">
-      <input type="password" id="password" name="password" class="block pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer" placeholder=" " required />
+      <input type="password" id="password" name="password" class="block w-full pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer" placeholder=" " required />
       <span class="absolute text-xs duration-300 transform -translate-y-2.5 top-3 peer-focus:left-2 left-2 peer-focus:text-blue-600 peer-placeholder-shown:translate-y-0 peer-focus:text-xs peer-placeholder-shown:text-sm peer-focus:-translate-y-2.5"><?= __('Password', 'authcred') ?></span>
     </label>
   </div>
   <div>
     <label for="confirm_password" class="relative z-0 w-full">
-      <input type="password" id="confirm_password" name="confirm_password" class="block pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer" placeholder=" " required />
+      <input type="password" id="confirm_password" name="confirm_password" class="block w-full pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer" placeholder=" " required />
       <span class="absolute text-xs duration-300 transform -translate-y-2.5 top-3 peer-focus:left-2 left-2 peer-focus:text-blue-600 peer-placeholder-shown:translate-y-0 peer-focus:text-xs peer-placeholder-shown:text-sm peer-focus:-translate-y-2.5"><?= __('Confirm Password', 'authcred') ?></span>
     </label>
   </div>

templates/login.php

@@ -14,13 +14,13 @@ class="my-2 space-y-4 max-w-sm <?= $class ?>"
 
   <div>
     <label for="username" class="relative z-0 w-full">
-      <input type="text" id="username" name="username" class="block pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
+      <input type="text" id="username" name="username" class="block w-full pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
       <span class="absolute text-xs duration-300 transform -translate-y-2.5 top-3 peer-focus:left-2 left-2 peer-focus:text-blue-600 peer-placeholder-shown:translate-y-0 peer-focus:text-xs peer-placeholder-shown:text-sm peer-focus:-translate-y-2.5"><?= __('Username or email', 'authcred') ?></span>
     </label>
   </div>
   <div>
     <label for="password" class="relative z-0 w-full">
-      <input type="password" id="password" name="password" class="block pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
+      <input type="password" id="password" name="password" class="block w-full pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
       <span class="absolute text-xs duration-300 transform -translate-y-2.5 top-3 peer-focus:left-2 left-2 peer-focus:text-blue-600 peer-placeholder-shown:translate-y-0 peer-focus:text-xs peer-placeholder-shown:text-sm peer-focus:-translate-y-2.5"><?= __('Password', 'authcred') ?></span>
     </label>
   </div>

templates/register.php

@@ -14,13 +14,13 @@ class="my-2 space-y-4 max-w-sm <?= $class ?>"
 
   <div>
     <label for="username" class="relative z-0 w-full">
-      <input type="text" id="username" name="username" class="block pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
+      <input type="text" id="username" name="username" class="block w-full pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
       <span class="absolute text-xs duration-300 transform -translate-y-2.5 top-3 peer-focus:left-2 left-2 peer-focus:text-blue-600 peer-placeholder-shown:translate-y-0 peer-focus:text-xs peer-placeholder-shown:text-sm peer-focus:-translate-y-2.5"><?= __('Username', 'authcred') ?></span>
     </label>
   </div>
   <div>
   <label for="email" class="relative z-0 w-full">
-    <input type="email" id="email" name="email" class="block pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
+    <input type="email" id="email" name="email" class="block w-full pt-4 pb-1 px-2 border-gray-200 text-sm rounded bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer dark:text-white" placeholder=" " required />
     <span class="absolute text-xs duration-300 transform -translate-y-2.5 top-3 peer-focus:left-2 left-2 peer-focus:text-blue-600 peer-placeholder-shown:translate-y-0 peer-focus:text-xs peer-placeholder-shown:text-sm peer-focus:-translate-y-2.5"><?= __('Email', 'authcred') ?></span>
   </label>
 </div>