diff --git a/freeriders/static/style.css b/freeriders/static/style.css new file mode 100644 index 0000000..0994821 --- /dev/null +++ b/freeriders/static/style.css @@ -0,0 +1,70 @@ +:root { + --border-radus: 1rem; + --background: #EEE; + --header-background: #DDD; + --header-height: 3rem; + --input-bar-height: 2rem; +} + +body{ + background: var(--background); + font-family: sans-serif; + margin: 0; + padding: 0; +} + +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); + overflow-y: scroll; + box-sizing: border-box; +} + +header { + background-color: var(--header-background); + display: flex; + flex-direction: row; + padding: 1rem; + gap: 1rem; + font-weight: bold; + width: 100vw; + height: var(header-height); + box-sizing: border-box; +} + +footer { + width: 100vw; + height: var(input-bar-height); + background-color: #FDD; + display: flex; + flex-direction: row; + padding: 0 1rem; + box-sizing: border-box; +} + +.request { + background-color: #DFD; + border-radius: var(--border-radus); + padding: 0.5rem 1rem; + align-self: flex-end; + max-width: 80%; +} + +.ticket { + background-color: #DDF; + max-width: 80%; + border-radius: var(--border-radus); + padding: 0.5rem 1rem; + align-self: flex-start; +} + +.date { + align-self: center; + margin-top: 0.5rem; +} \ No newline at end of file diff --git a/freeriders/templates/sms.html b/freeriders/templates/sms.html new file mode 100644 index 0000000..0e80b0b --- /dev/null +++ b/freeriders/templates/sms.html @@ -0,0 +1,62 @@ + + +
+ + +