diff options
author | Andinus <andinus@nand.sh> | 2022-02-04 13:11:42 +0530 |
---|---|---|
committer | Andinus <andinus@nand.sh> | 2022-02-04 13:11:42 +0530 |
commit | ba8aea585c95477e7002666cc0ee461504734003 (patch) | |
tree | c06b19121571c22bbc70aa1b0269d8f9cdc4c583 /client/src/App.vue | |
parent | 3f8a1326dffb01512a1b19a141360180bf6b7fd8 (diff) | |
download | vela-ba8aea585c95477e7002666cc0ee461504734003.tar.gz |
Implement getting smiles
Diffstat (limited to 'client/src/App.vue')
-rw-r--r-- | client/src/App.vue | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/client/src/App.vue b/client/src/App.vue index e137e15..92e6133 100644 --- a/client/src/App.vue +++ b/client/src/App.vue @@ -41,9 +41,20 @@ p { line-height:1.5; margin:0 0 1rem 0; } -.content-wrapper { - padding: 0.8rem; +.content-wrapper { padding: 1rem; } +@media screen and (min-width: 35.5em) { + .content-wrapper { padding: 2rem; } } +@media screen and (min-width: 48em) { + .content-wrapper { padding: 3rem; } +} +@media screen and (min-width: 64em) { + .content-wrapper { padding: 4rem; } +} +@media screen and (min-width: 80em) { + .content-wrapper { padding: 6rem; } +} + .card { background: var(--surface-e); padding: 2rem; |