diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..80c2fdc --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +__pycacahe__/* \ No newline at end of file diff --git a/freeriders/static/style.css b/freeriders/static/style.css index 0994821..3f80815 100644 --- a/freeriders/static/style.css +++ b/freeriders/static/style.css @@ -1,9 +1,9 @@ :root { --border-radus: 1rem; - --background: #EEE; - --header-background: #DDD; + --background: #F9F9F9; + --header-background: #EEE; --header-height: 3rem; - --input-bar-height: 2rem; + --input-bar-height: 3rem; } body{ @@ -14,14 +14,13 @@ body{ } main { - max-width: 400px; display: flex; flex-direction: column; align-self: flex-start; gap: 1rem; margin: 0 auto; - padding: 1rem 0.5rem; - height: calc(100vh - 5rem); + padding: 2rem 0.5rem; + height: calc(100vh - var(--header-height) - var(--input-bar-height)); overflow-y: scroll; box-sizing: border-box; } @@ -30,22 +29,25 @@ header { background-color: var(--header-background); display: flex; flex-direction: row; - padding: 1rem; + align-items: center; + padding: 0 1rem; gap: 1rem; font-weight: bold; width: 100vw; - height: var(header-height); + height: var(--header-height); box-sizing: border-box; } footer { width: 100vw; - height: var(input-bar-height); - background-color: #FDD; + height: var(--input-bar-height); + background-color: var(--background); display: flex; flex-direction: row; + align-items: center; padding: 0 1rem; box-sizing: border-box; + gap: 1rem; } .request { @@ -67,4 +69,12 @@ footer { .date { align-self: center; margin-top: 0.5rem; +} + +.textbox{ + background-color: var(--header-background); + width: 80%; + height: 1rem; + padding: 0.2rem; + border-radius: 2rem; } \ No newline at end of file