🎨
This commit is contained in:
parent
49dbd7f9d2
commit
a95ff447d7
@ -157,6 +157,9 @@ export default Vue.extend({
|
|||||||
font-family Meiryo, sans-serif
|
font-family Meiryo, sans-serif
|
||||||
text-decoration none
|
text-decoration none
|
||||||
|
|
||||||
|
@media (max-width 1100px)
|
||||||
|
display none
|
||||||
|
|
||||||
[data-fa]
|
[data-fa]
|
||||||
margin-left 8px
|
margin-left 8px
|
||||||
|
|
||||||
@ -171,6 +174,9 @@ export default Vue.extend({
|
|||||||
border-radius 4px
|
border-radius 4px
|
||||||
transition filter 100ms ease
|
transition filter 100ms ease
|
||||||
|
|
||||||
|
@media (max-width 1100px)
|
||||||
|
margin-left 8px
|
||||||
|
|
||||||
> .menu
|
> .menu
|
||||||
$bgcolor = var(--face)
|
$bgcolor = var(--face)
|
||||||
display block
|
display block
|
||||||
|
@ -29,6 +29,9 @@ export default Vue.extend({
|
|||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
.search
|
.search
|
||||||
|
@media (max-width 800px)
|
||||||
|
display none !important
|
||||||
|
|
||||||
> [data-fa]
|
> [data-fa]
|
||||||
display block
|
display block
|
||||||
position absolute
|
position absolute
|
||||||
@ -58,6 +61,9 @@ export default Vue.extend({
|
|||||||
transition color 0.5s ease, border 0.5s ease
|
transition color 0.5s ease, border 0.5s ease
|
||||||
color var(--desktopHeaderSearchFg)
|
color var(--desktopHeaderSearchFg)
|
||||||
|
|
||||||
|
@media (max-width 1000px)
|
||||||
|
width 10em
|
||||||
|
|
||||||
&::placeholder
|
&::placeholder
|
||||||
color var(--desktopHeaderFg)
|
color var(--desktopHeaderFg)
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user