back round 0 view raw

appview/pages: apply monospace font for all textarea #714

closed

opened by

boltless.me 1 month ago targeting master from push-rvkkksrxnpsv

monospace font for textarea in dev app is so common that we can just apply it as an opt-out style for all textareas

Signed-off-by: Seongmin Lee git@boltless.me

options

unified split

Changed files

+2 -2

appview

pages

templates

strings

fragments

form.html

input.css

+1 -1

appview/pages/templates/strings/fragments/form.html

···

       31
       31
        
             name="content" 

     

       32
       32
        
             id="content-textarea"

     

       33
       33
        
             wrap="off"

     

       34
       34
       -
             class="w-full dark:bg-gray-700 dark:text-white dark:border-gray-600 dark:placeholder-gray-400 font-mono"

     

       34
       34
       +
             class="w-full dark:bg-gray-700 dark:text-white dark:border-gray-600 dark:placeholder-gray-400"

     

       35
       35
        
             rows="20"

     

       36
       36
        
             spellcheck="false"

     

       37
       37
        
             placeholder="Paste your string here!"

+1 -1

input.css

···

       96
       96
        
                   @apply border border-gray-400 block rounded bg-gray-50 focus:ring-black p-3 dark:bg-gray-800 dark:border-gray-600 dark:text-white dark:focus:ring-gray-400;

     

       97
       97
        
               }

     

       98
       98
        
               textarea {

     

       99
       99
       -
                   @apply border border-gray-400 block rounded bg-gray-50 focus:ring-black p-3 dark:bg-gray-800 dark:border-gray-600 dark:text-white dark:focus:ring-gray-400;

     

       99
       99
       +
                   @apply border border-gray-400 block rounded bg-gray-50 focus:ring-black p-3 dark:bg-gray-800 dark:border-gray-600 dark:text-white dark:focus:ring-gray-400 font-mono;

     

       100
       100
        
               }

     

       101
       101
        
               details summary::-webkit-details-marker {

     

       102
       102
        
                   display: none;