diff --git a/src/Roux/Html.hs b/src/Roux/Html.hs index d15b344..ce60cc5 100644 --- a/src/Roux/Html.hs +++ b/src/Roux/Html.hs @@ -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]: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 */" , ".roux-recipes { list-style: none; padding: 0; }" , ".roux-recipes li { padding: 0.4rem 0; }" @@ -599,8 +603,8 @@ importPage merror = ! A.type_ "url" ! A.id "url" ! A.name "url" + ! A.class_ "roux-import-input" ! A.placeholder "https://cooking.nytimes.com/recipes/..." - ! A.style "width: 100%; margin-bottom: 1.5rem;" -- File upload H.label ! A.for "file-input" $ "Or upload a PDF or image" H.input @@ -618,8 +622,8 @@ importPage merror = ! A.id "text" ! A.name "text" ! A.rows "8" + ! A.class_ "roux-import-input" ! A.placeholder "Paste recipe text here..." - ! A.style "width: 100%; margin-bottom: 1.5rem; font-family: monospace; font-size: 0.85rem;" $ "" -- Submit H.button ! A.type_ "submit" $ "Import Recipe"