diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/desktop/views/components/ui.header.account.vue | 6 | ||||
| -rw-r--r-- | src/client/app/desktop/views/components/ui.header.search.vue | 6 |
2 files changed, 12 insertions, 0 deletions
diff --git a/src/client/app/desktop/views/components/ui.header.account.vue b/src/client/app/desktop/views/components/ui.header.account.vue index 80fc1648de..c3285d92e2 100644 --- a/src/client/app/desktop/views/components/ui.header.account.vue +++ b/src/client/app/desktop/views/components/ui.header.account.vue @@ -157,6 +157,9 @@ export default Vue.extend({ font-family Meiryo, sans-serif text-decoration none + @media (max-width 1100px) + display none + [data-fa] margin-left 8px @@ -171,6 +174,9 @@ export default Vue.extend({ border-radius 4px transition filter 100ms ease + @media (max-width 1100px) + margin-left 8px + > .menu $bgcolor = var(--face) display block diff --git a/src/client/app/desktop/views/components/ui.header.search.vue b/src/client/app/desktop/views/components/ui.header.search.vue index d22efbf84f..0880f4b722 100644 --- a/src/client/app/desktop/views/components/ui.header.search.vue +++ b/src/client/app/desktop/views/components/ui.header.search.vue @@ -29,6 +29,9 @@ export default Vue.extend({ <style lang="stylus" scoped> .search + @media (max-width 800px) + display none !important + > [data-fa] display block position absolute @@ -58,6 +61,9 @@ export default Vue.extend({ transition color 0.5s ease, border 0.5s ease color var(--desktopHeaderSearchFg) + @media (max-width 1000px) + width 10em + &::placeholder color var(--desktopHeaderFg) |