From bf04d829787516b69247b8cf574fc974ba613f3a Mon Sep 17 00:00:00 2001 From: Sanjit Joseph Date: Sat, 12 Nov 2022 20:10:17 -0800 Subject: [PATCH] Update CreatePage.css with current form css --- static/CreatePage.css | 85 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) diff --git a/static/CreatePage.css b/static/CreatePage.css index e69de29..ae0e438 100644 --- a/static/CreatePage.css +++ b/static/CreatePage.css @@ -0,0 +1,85 @@ +/* CreatePage.css */ + +* { + font-family: sans-serif; +} + +body { + height: 100%; + width: 100%; +} + +fieldset { + border: 2px solid rgb(214, 214, 214); + box-sizing: border-box; + display: block; + width: max-content; +} + +form button { + display: block; + margin-top: 5px; +} + +label[for="ingredients"] p { + margin: 0; +} + +label[for="numRatings"] { + margin: 10px 0 0 0; +} + +label[for^="rating"] { + padding-right: 10px; +} + +label:not([for^="rating"]) { + display: block; + margin-bottom: 5px; +} + +main { + column-gap: 10px; + display: flex; + flex-wrap: wrap; + height: auto; + max-width: 660px; + row-gap: 10px; + width: 100%; +} + +.tag-container { + display: flex; + flex-flow: row wrap; +} +.tag { +background-color: grey; +border-radius: 7px; +color: white; +padding-right: 7px; +padding-left: 7px; +margin: 3px; +} + +.tag::before { +display: inline-block; +content: 'x'; +height: 15px; +width: 15px; +margin-right: 4px; +text-align: center; +color: white; +cursor: pointer; +} + +.tag:hover::before { +color: red; +} +.danger { +background-color: rgb(254, 171, 171); +border-color: red; +} + +.hidden { +display: none; +} \ No newline at end of file