Joseph.Rawlings/Virtnet.bond
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

style: enhance form input styles for better usability and appearance

Browse Source
This commit is contained in:
Joseph.Rawlings
2026-03-10 19:32:28 -04:00
parent a7d0354150
commit ffc19d6eaa
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
extensions/Servers/Proxmox/views/cloud-init.blade.php
View File

@@ -184,7 +184,7 @@
<label class="text-xs font-semibold text-base/70">Username</label> <label class="text-xs font-semibold text-base/70">Username</label>
<input type="text" <input type="text"
wire:model.live="ciUser" wire:model.live="ciUser"
class="form-input w-full" class="block w-full px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="e.g. ubuntu" /> placeholder="e.g. ubuntu" />
<p class="text-xs text-base/60">Leave blank to retain the template default user.</p> <p class="text-xs text-base/60">Leave blank to retain the template default user.</p>
</div> </div>
@@ -285,14 +285,14 @@
<label class="text-xs font-semibold text-base/70">New Password</label> <label class="text-xs font-semibold text-base/70">New Password</label>
<input type="password" <input type="password"
wire:model="password" wire:model="password"
class="form-input w-full mt-1" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="Enter new password" /> placeholder="Enter new password" />
</div> </div>
<div> <div>
<label class="text-xs font-semibold text-base/70">Confirm Password</label> <label class="text-xs font-semibold text-base/70">Confirm Password</label>
<input type="password" <input type="password"
wire:model="password_confirmation" wire:model="password_confirmation"
class="form-input w-full mt-1" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="Confirm password" /> placeholder="Confirm password" />
</div> </div>
@if($passwordError) @if($passwordError)
@@ -399,7 +399,7 @@
<div class="space-y-2"> <div class="space-y-2">
<label class="text-xs font-semibold text-base/70">SSH Key</label> <label class="text-xs font-semibold text-base/70">SSH Key</label>
<textarea wire:model="newSshKey" <textarea wire:model="newSshKey"
class="form-input w-full h-28 resize-y" class="block w-full h-28 resize-y px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="ssh-ed25519 AAAA... user@host"></textarea> placeholder="ssh-ed25519 AAAA... user@host"></textarea>
</div> </div>
<div class="flex justify-end gap-2"> <div class="flex justify-end gap-2">
@@ -549,22 +549,22 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-3"> <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
<div> <div>
<label class="text-xs font-semibold text-base/70">IPv4 Address (CIDR)</label> <label class="text-xs font-semibold text-base/70">IPv4 Address (CIDR)</label>
<input type="text" wire:model="editingNetwork.ip" class="form-input w-full mt-1" <input type="text" wire:model="editingNetwork.ip" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="45.154.99.28/24" /> placeholder="45.154.99.28/24" />
</div> </div>
<div> <div>
<label class="text-xs font-semibold text-base/70">IPv4 Gateway</label> <label class="text-xs font-semibold text-base/70">IPv4 Gateway</label>
<input type="text" wire:model="editingNetwork.gw" class="form-input w-full mt-1" <input type="text" wire:model="editingNetwork.gw" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="45.154.99.17" /> placeholder="45.154.99.17" />
</div> </div>
<div> <div>
<label class="text-xs font-semibold text-base/70">IPv6 Address (CIDR)</label> <label class="text-xs font-semibold text-base/70">IPv6 Address (CIDR)</label>
<input type="text" wire:model="editingNetwork.ip6" class="form-input w-full mt-1" <input type="text" wire:model="editingNetwork.ip6" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="2a0b:4e07::2:10/64" /> placeholder="2a0b:4e07::2:10/64" />
</div> </div>
<div> <div>
<label class="text-xs font-semibold text-base/70">IPv6 Gateway</label> <label class="text-xs font-semibold text-base/70">IPv6 Gateway</label>
<input type="text" wire:model="editingNetwork.gw6" class="form-input w-full mt-1" <input type="text" wire:model="editingNetwork.gw6" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="2a0b:4e07::1" /> placeholder="2a0b:4e07::1" />
</div> </div>
</div> </div>
@@ -675,7 +675,7 @@
<label class="text-xs font-semibold text-base/70">DNS Domain (searchdomain)</label> <label class="text-xs font-semibold text-base/70">DNS Domain (searchdomain)</label>
<input type="text" <input type="text"
wire:model.live="dnsDomain" wire:model.live="dnsDomain"
class="form-input w-full" class="block w-full px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="example.internal" /> placeholder="example.internal" />
<p class="text-xs text-base/60">Leave blank to use system default. Appended to short hostnames for resolution.</p> <p class="text-xs text-base/60">Leave blank to use system default. Appended to short hostnames for resolution.</p>
</div> </div>
@@ -791,7 +791,7 @@
<label class="text-xs font-semibold text-base/70">Nameserver</label> <label class="text-xs font-semibold text-base/70">Nameserver</label>
<input type="text" <input type="text"
wire:model="newDnsServer" wire:model="newDnsServer"
class="form-input w-full" class="block w-full px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="1.1.1.1 or 2606:4700:4700::1111" /> placeholder="1.1.1.1 or 2606:4700:4700::1111" />
</div> </div>
</div> </div>

6
extensions/Servers/Proxmox/views/overview.blade.php
View File

@@ -487,7 +487,7 @@
<label class="text-xs font-semibold text-base/70">Hostname</label> <label class="text-xs font-semibold text-base/70">Hostname</label>
<input type="text" <input type="text"
wire:model="hostname" wire:model="hostname"
class="form-input w-full mt-1" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="Enter hostname" /> placeholder="Enter hostname" />
</div> </div>
@if($hostnameError) @if($hostnameError)
@@ -681,14 +681,14 @@
<label class="text-xs font-semibold text-base/70">New Password</label> <label class="text-xs font-semibold text-base/70">New Password</label>
<input type="password" <input type="password"
wire:model="password" wire:model="password"
class="form-input w-full mt-1" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="Enter new password" /> placeholder="Enter new password" />
</div> </div>
<div> <div>
<label class="text-xs font-semibold text-base/70">Confirm Password</label> <label class="text-xs font-semibold text-base/70">Confirm Password</label>
<input type="password" <input type="password"
wire:model="password_confirmation" wire:model="password_confirmation"
class="form-input w-full mt-1" class="block w-full mt-1 px-2.5 py-2.5 text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out"
placeholder="Confirm password" /> placeholder="Confirm password" />
</div> </div>
@if($passwordError) @if($passwordError)