fixed form field styles

edits to the settings page threw of some form styles throughout the the
dashboard, so some quick css edits were needed to polish them up
This commit is contained in:
ro 2024-05-26 13:16:04 -06:00
parent 9bc0ae8bed
commit f53716dba9
No known key found for this signature in database
GPG key ID: 29B551CDBD4D3B50
6 changed files with 33 additions and 29 deletions

View file

@ -18,15 +18,21 @@ input[type="text"] {
border-radius: 5px; border-radius: 5px;
font: 18px var(--base-type); font: 18px var(--base-type);
display: inline-block; display: inline-block;
}
.input-dark {
background: var(--primary); background: var(--primary);
color: var(--secondar); color: var(--secondary);
}
.input-light {
background: var(--secondary);
color: var(--primary);
} }
textarea { textarea {
border: 0; border: 0;
border-radius: 3px; border-radius: 3px;
color: var(--secondary);
background: var(--primary);
} }
button, button,

View file

@ -135,14 +135,12 @@ main section.page-meta textarea#post-title-text {
width: 100%; width: 100%;
height: 80px; height: 80px;
font-size: 2em; font-size: 2em;
color: var(--primary);
} }
main section.page-meta textarea#post-tags { main section.page-meta textarea#post-tags {
font-family: var(--base-type); font-family: var(--base-type);
width: 100%; width: 100%;
height: 80px; height: 80px;
color: var(--primary);
} }
main section.page-meta select { main section.page-meta select {

View file

@ -139,11 +139,11 @@
<div class="page-meta-wrapper"> <div class="page-meta-wrapper">
<div class="page-title"> <div class="page-title">
<strong>TITLE</strong> <strong>TITLE</strong>
<textarea id="post-title-text" type="text" name="post-title-text" class="post-edit" placeholder="TITLE">{{ $title }}</textarea> <textarea id="post-title-text" class="input-dark" type="text" name="post-title-text" class="post-edit" placeholder="TITLE">{{ $title }}</textarea>
</div> </div>
<div class="page-tags"> <div class="page-tags">
<strong>TAGS</strong> <strong>TAGS</strong>
<textarea id="post-tags" type="text" name="post-tags" class="form-control" placeholder="tags [comma seperated]">{{ $tags }}</textarea> <textarea id="post-tags" class="input-dark" type="text" name="post-tags" class="form-control" placeholder="tags [comma seperated]">{{ $tags }}</textarea>
</div> </div>
<div class="page-layouts"> <div class="page-layouts">
<strong>LAYOUTS</strong> <strong>LAYOUTS</strong>

View file

@ -20,16 +20,16 @@
<input id="background-upload" type="file" name="backgrond-upload"/> <input id="background-upload" type="file" name="backgrond-upload"/>
</div> </div>
<div> <div>
<input type='text' name='handle' id='settings-handle' placeholder='handle' value="{{ $member['handle'] }}" autofocus/> <input type='text' class="input-dark" name='handle' id='settings-handle' placeholder='handle' value="{{ $member['handle'] }}" autofocus/>
<input type='text' name='email' id='settings-email' placeholder='email' value="{{ $member['email'] }}" autofocus/> <input type='text' class="input-dark" name='email' id='settings-email' placeholder='email' value="{{ $member['email'] }}" autofocus/>
<input type='hidden' name='member-id' id='member-id' value="{{ $member['id'] }}"/> <input type='hidden' name='member-id' id='member-id' value="{{ $member['id'] }}"/>
</div> </div>
<div> <div>
<input type='text' name='base-url' id='settings-url' placeholder='url' value="{{ $baseUrl }}" autofocus/> <input type='text' class="input-dark" name='base-url' id='settings-url' placeholder='url' value="{{ $baseUrl }}" autofocus/>
<input type='text' name='base-title' id='settings-title' placeholder='site title' value="{{ $siteTitle }}" autofocus/> <input type='text' class="input-dark" name='base-title' id='settings-title' placeholder='site title' value="{{ $siteTitle }}" autofocus/>
</div> </div>
<div> <div>
<textarea id="settings-desc" type='text' name='settings_desc' class='settings-dec' placeholder='description stuff' , autofocus>{{ $desc }}</textarea> <textarea id="settings-desc" class="input-dark" type='text' name='settings_desc' class='settings-dec' placeholder='description stuff' , autofocus>{{ $desc }}</textarea>
</div> </div>
<div> <div>
<div> <div>

View file

@ -4,8 +4,8 @@
</div> </div>
<form action="/login" method="post" enctype="multipart/form-data"> <form action="/login" method="post" enctype="multipart/form-data">
@csrf @csrf
<label class="inline">handle</label><input type="text" name="handle" class="inline" placeholder="Handle" required/> <label class="inline">handle</label><input class="input-light" type="text" name="handle" class="inline" placeholder="Handle" required/>
<label class="inline">password</label><input type="password" name="password" class="inline" placeholder="Password" required/> <label class="inline">password</label><input class="input-light" type="password" name="password" class="inline" placeholder="Password" required/>
@if($errors->any()) @if($errors->any())
<input type="submit" value="{{$errors->first()}}" name="submit_button"> <input type="submit" value="{{$errors->first()}}" name="submit_button">
@else @else

View file

@ -1,31 +1,31 @@
@if($mailOption == "option-smtp") @if($mailOption == "option-smtp")
<div id="mail-smtp" data-enabled='true'> <div id="mail-smtp" data-enabled='true'>
<input type='text' name='smtp-domain' id='smtp-domain' placeholder='domain'value="{{$mailConfig['smtp']['domain']}}"/> <input type='text' class="input-dark" name='smtp-domain' id='smtp-domain' placeholder='domain'value="{{$mailConfig['smtp']['domain']}}"/>
<input type='text' name='smtp-email' id='smtp-email' placeholder='email' value="{{$mailConfig['smtp']['email']}}" /> <input type='text' class="input-dark" name='smtp-email' id='smtp-email' placeholder='email' value="{{$mailConfig['smtp']['email']}}" />
<input type='text' name='smtp-pass' id='smtp-pass' placeholder='password' value="{{$mailConfig['smtp']['password']}}"/> <input type='text' class="input-dark" name='smtp-pass' id='smtp-pass' placeholder='password' value="{{$mailConfig['smtp']['password']}}"/>
</div> </div>
<div id="mail-mg" data-enabled='false'> <div id="mail-mg" data-enabled='false'>
<input type='text' name='mg-domain' id='mg-domain' placeholder='domain' value="{{$mailConfig['mailgun']['domain']}}" /> <input type='text' class="input-dark" name='mg-domain' id='mg-domain' placeholder='domain' value="{{$mailConfig['mailgun']['domain']}}" />
<input type='text' name='mg-key' id='mg-key' placeholder='api key' value="{{$mailConfig['mailgun']['key']}}"/> <input type='text' class="input-dark" name='mg-key' id='mg-key' placeholder='api key' value="{{$mailConfig['mailgun']['key']}}"/>
</div> </div>
@elseif($mailOption == 'option-mg') @elseif($mailOption == 'option-mg')
<div id="mail-smtp" data-enabled='false'> <div id="mail-smtp" data-enabled='false'>
<input type='text' name='smtp-domain' id='smtp-domain' placeholder='domain'value="{{$mailConfig['smtp']['domain']}}"/> <input type='text' class="input-dark" name='smtp-domain' id='smtp-domain' placeholder='domain'value="{{$mailConfig['smtp']['domain']}}"/>
<input type='text' name='smtp-email' id='smtp-email' placeholder='email' value="{{$mailConfig['smtp']['email']}}" /> <input type='text' class="input-dark" name='smtp-email' id='smtp-email' placeholder='email' value="{{$mailConfig['smtp']['email']}}" />
<input type='text' name='smtp-pass' id='smtp-pass' placeholder='password' value="{{$mailConfig['smtp']['password']}}"/> <input type='text' class="input-dark" name='smtp-pass' id='smtp-pass' placeholder='password' value="{{$mailConfig['smtp']['password']}}"/>
</div> </div>
<div id="mail-mg" data-enabled='true'> <div id="mail-mg" data-enabled='true'>
<input type='text' name='mg-domain' id='mg-domain' placeholder='domain' value="{{$mailConfig['mailgun']['domain']}}" /> <input type='text' class="input-dark" name='mg-domain' id='mg-domain' placeholder='domain' value="{{$mailConfig['mailgun']['domain']}}" />
<input type='text' name='mg-key' id='mg-key' placeholder='api key' value="{{$mailConfig['mailgun']['key']}}"/> <input type='text' class="input-dark" name='mg-key' id='mg-key' placeholder='api key' value="{{$mailConfig['mailgun']['key']}}"/>
</div> </div>
@else @else
<div id="mail-smtp" data-enabled='false'> <div id="mail-smtp" data-enabled='false'>
<input type='text' name='smtp-domain' id='smtp-domain' placeholder='domain'value="{{$mailConfig['smtp']['domain']}}"/> <input type='text' class="input-dark" name='smtp-domain' id='smtp-domain' placeholder='domain'value="{{$mailConfig['smtp']['domain']}}"/>
<input type='text' name='smtp-email' id='smtp-email' placeholder='email' value="{{$mailConfig['smtp']['email']}}" /> <input type='text' class="input-dark" name='smtp-email' id='smtp-email' placeholder='email' value="{{$mailConfig['smtp']['email']}}" />
<input type='text' name='smtp-pass' id='smtp-pass' placeholder='password' value="{{$mailConfig['smtp']['password']}}"/> <input type='text' class="input-dark" name='smtp-pass' id='smtp-pass' placeholder='password' value="{{$mailConfig['smtp']['password']}}"/>
</div> </div>
<div id="mail-mg" data-enabled='false'> <div id="mail-mg" data-enabled='false'>
<input type='text' name='mg-domain' id='mg-domain' placeholder='domain' value="{{$mailConfig['mailgun']['domain']}}" /> <input type='text' class="input-dark" name='mg-domain' id='mg-domain' placeholder='domain' value="{{$mailConfig['mailgun']['domain']}}" />
<input type='text' name='mg-key' id='mg-key' placeholder='api key' value="{{$mailConfig['mailgun']['key']}}"/> <input type='text' class="input-dark" name='mg-key' id='mg-key' placeholder='api key' value="{{$mailConfig['mailgun']['key']}}"/>
</div> </div>
@endif @endif