💄 Optimized web version styling

This commit is contained in:
LittleSheep 2025-06-29 00:44:59 +08:00
parent ee5d6ef821
commit 9ab31d79ce
3 changed files with 13 additions and 0 deletions

View File

@ -21,6 +21,15 @@
Next Next
</button> </button>
</form> </form>
<div class="mt-8 flex flex-col text-sm text-center">
<span class="text-gray-900 dark:text-white opacity-80">Have no account?</span>
<a href="https://solian.app/#/auth/create-account"
class="text-blue-600 hover:text-blue-500 dark:text-blue-400 dark:hover:text-blue-300">
Create a new account →
</a>
</div>
</div> </div>
</div> </div>

View File

@ -52,6 +52,7 @@
<input asp-for="Code" <input asp-for="Code"
class="form-input mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-500 focus:ring-opacity-50 dark:bg-gray-700 dark:border-gray-600 dark:text-white px-4 py-2" class="form-input mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-500 focus:ring-opacity-50 dark:bg-gray-700 dark:border-gray-600 dark:text-white px-4 py-2"
autocomplete="one-time-code" autocomplete="one-time-code"
type="password"
autofocus /> autofocus />
<span asp-validation-for="Code" class="text-red-500 text-sm mt-1"></span> <span asp-validation-for="Code" class="text-red-500 text-sm mt-1"></span>
</div> </div>

View File

@ -267,6 +267,9 @@
.mt-4 { .mt-4 {
margin-top: calc(var(--spacing) * 4); margin-top: calc(var(--spacing) * 4);
} }
.mt-5 {
margin-top: calc(var(--spacing) * 5);
}
.mt-6 { .mt-6 {
margin-top: calc(var(--spacing) * 6); margin-top: calc(var(--spacing) * 6);
} }