jbrechtel/roux
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: style import form inputs to match search box
Build and Deploy / build-and-deploy (push) Successful in 1m32s
Details

Browse Source
This commit is contained in:
James Brechtel
2026-05-21 10:52:34 -04:00
parent 5680cc434c
commit c36e632d25
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Roux/Html.hs
+6 -2
View File
@@ -169,6 +169,10 @@ page title content =
, "input[type=search] { background: var(--roux-bg); color: var(--roux-text); border-color: rgba(61, 44, 30, 0.2); }" , "input[type=search] { background: var(--roux-bg); color: var(--roux-text); border-color: rgba(61, 44, 30, 0.2); }"
, "input[type=search]:focus { border-color: var(--roux-accent); box-shadow: 0 0 0 1px var(--roux-accent); }" , "input[type=search]:focus { border-color: var(--roux-accent); box-shadow: 0 0 0 1px var(--roux-accent); }"
, "" , ""
, "/* Import form inputs */"
, ".roux-import-input { background: var(--roux-bg); color: var(--roux-text); border-color: rgba(61, 44, 30, 0.2); width: 100%; margin-bottom: 1rem; }"
, ".roux-import-input:focus { border-color: var(--roux-accent); box-shadow: 0 0 0 1px var(--roux-accent); }"
, "textarea.roux-import-input { font-family: monospace; font-size: 0.85rem; resize: vertical; }"
, "/* Recipe list on index page */" , "/* Recipe list on index page */"
, ".roux-recipes { list-style: none; padding: 0; }" , ".roux-recipes { list-style: none; padding: 0; }"
, ".roux-recipes li { padding: 0.4rem 0; }" , ".roux-recipes li { padding: 0.4rem 0; }"
@@ -599,8 +603,8 @@ importPage merror =
! A.type_ "url" ! A.type_ "url"
! A.id "url" ! A.id "url"
! A.name "url" ! A.name "url"
! A.class_ "roux-import-input"
! A.placeholder "https://cooking.nytimes.com/recipes/..." ! A.placeholder "https://cooking.nytimes.com/recipes/..."
! A.style "width: 100%; margin-bottom: 1.5rem;"
-- File upload -- File upload
H.label ! A.for "file-input" $ "Or upload a PDF or image" H.label ! A.for "file-input" $ "Or upload a PDF or image"
H.input H.input
@@ -618,8 +622,8 @@ importPage merror =
! A.id "text" ! A.id "text"
! A.name "text" ! A.name "text"
! A.rows "8" ! A.rows "8"
! A.class_ "roux-import-input"
! A.placeholder "Paste recipe text here..." ! A.placeholder "Paste recipe text here..."
! A.style "width: 100%; margin-bottom: 1.5rem; font-family: monospace; font-size: 0.85rem;"
$ "" $ ""
-- Submit -- Submit
H.button ! A.type_ "submit" $ "Import Recipe" H.button ! A.type_ "submit" $ "Import Recipe"