Compare commits

..

No commits in common. "4d0869ddf72f1a9fbb110fa41c34a4d559cb67ce" and "a872c70e93d539a37993a1fc5a241c3bc9928404" have entirely different histories.

2 changed files with 10 additions and 21 deletions

1
.gitignore vendored
View File

@ -1 +0,0 @@
__pycacahe__/*

View File

@ -1,9 +1,9 @@
:root { :root {
--border-radus: 1rem; --border-radus: 1rem;
--background: #F9F9F9; --background: #EEE;
--header-background: #EEE; --header-background: #DDD;
--header-height: 3rem; --header-height: 3rem;
--input-bar-height: 3rem; --input-bar-height: 2rem;
} }
body{ body{
@ -14,13 +14,14 @@ body{
} }
main { main {
max-width: 400px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-self: flex-start; align-self: flex-start;
gap: 1rem; gap: 1rem;
margin: 0 auto; margin: 0 auto;
padding: 2rem 0.5rem; padding: 1rem 0.5rem;
height: calc(100vh - var(--header-height) - var(--input-bar-height)); height: calc(100vh - 5rem);
overflow-y: scroll; overflow-y: scroll;
box-sizing: border-box; box-sizing: border-box;
} }
@ -29,25 +30,22 @@ header {
background-color: var(--header-background); background-color: var(--header-background);
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; padding: 1rem;
padding: 0 1rem;
gap: 1rem; gap: 1rem;
font-weight: bold; font-weight: bold;
width: 100vw; width: 100vw;
height: var(--header-height); height: var(header-height);
box-sizing: border-box; box-sizing: border-box;
} }
footer { footer {
width: 100vw; width: 100vw;
height: var(--input-bar-height); height: var(input-bar-height);
background-color: var(--background); background-color: #FDD;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center;
padding: 0 1rem; padding: 0 1rem;
box-sizing: border-box; box-sizing: border-box;
gap: 1rem;
} }
.request { .request {
@ -70,11 +68,3 @@ footer {
align-self: center; align-self: center;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.textbox{
background-color: var(--header-background);
width: 80%;
height: 1rem;
padding: 0.2rem;
border-radius: 2rem;
}