back round 0 view raw

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

closed
opened by boltless.me 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

       
 

       
      name="content" 


     

       
32

       
 

       
      id="content-textarea"


     

       
33

       
 

       
      wrap="off"


     

       
34

       
-

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


     

       
35

       
 

       
      rows="20"


     

       
36

       
 

       
      spellcheck="false"


     

       
37

       
 

       
      placeholder="Paste your string here!"


     
···

       
31

       
 

       
      name="content" 


     

       
32

       
 

       
      id="content-textarea"


     

       
33

       
 

       
      wrap="off"


     

       
34

       
+

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


     

       
35

       
 

       
      rows="20"


     

       
36

       
 

       
      spellcheck="false"


     

       
37

       
 

       
      placeholder="Paste your string here!"
+1 -1
input.css 
···

       
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

       
 

       
        }


     

       
98

       
 

       
        textarea {


     

       
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;


     

       
100

       
 

       
        }


     

       
101

       
 

       
        details summary::-webkit-details-marker {


     

       
102

       
 

       
            display: none;


     
···

       
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

       
 

       
        }


     

       
98

       
 

       
        textarea {


     

       
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

       
 

       
        }


     

       
101

       
 

       
        details summary::-webkit-details-marker {


     

       
102

       
 

       
            display: none;