diff --git a/src/components/LanguageSelector.vue b/src/components/LanguageSelector.vue index 91aecd2..ac91760 100644 --- a/src/components/LanguageSelector.vue +++ b/src/components/LanguageSelector.vue @@ -126,6 +126,9 @@ +dark-mode background: #151516 box-shadow: 0 0 10px rgba(0,0,0,0.5) + +webapp-mobile + max-width: calc(100% - 80px) + input background: #fff padding: 4px 5px @@ -144,6 +147,9 @@ border: 1px solid #5a5a5a &:focus border: 1px solid #3b3b3b + +webapp-mobile + font-size: 16px + max-width: 100% .items > li diff --git a/src/css/include.sass b/src/css/include.sass index 3b5338d..0bd9349 100644 --- a/src/css/include.sass +++ b/src/css/include.sass @@ -1,3 +1,12 @@ =dark-mode() html[theme=dark] & @content + +=webapp() + html[webapp] & + @content + +=webapp-mobile() + @media (max-width: 600px) + html[webapp] & + @content diff --git a/webapp/index.html b/webapp/index.html index dba49a6..af26a93 100644 --- a/webapp/index.html +++ b/webapp/index.html @@ -1,5 +1,5 @@ - +