/
githubmirror
/
Motrix
Обзор
Документация
Войти
/
githubmirror
/
Motrix
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/renderer/components/Preference/Index.vue
75 строк
1 KB
Dr_rOot
refactor: improve responsive style
30 май 2021, 09:30
30 май 2021, 09:30
edd4053
Код
Авторство
О чём код?
<template> <el-container class="main panel" direction="horizontal"> <el-aside width="200px" class="subnav hidden-xs-only"> <router-view name="subnav" /> </el-aside> <router-view name="form" /> </el-container> </template> <script> export default { name: 'mo-content-preference', created () { this.$store.dispatch('preference/fetchPreference') } } </script> <style lang="scss"> .form-preference { padding: 16px 7% 64px 16px; .el-switch__label { font-weight: normal; color: $--color-text-regular; &.is-active { color: $--color-text-regular; } } .el-checkbox__input.is-checked + .el-checkbox__label { color: $--color-text-regular; } .el-form-item { a { color: $--color-text-regular; text-decoration: none; &:hover { color: $--color-text-primary; text-decoration: underline; } &:active { color: $--color-text-primary; } } } .el-form-item.el-form-item--mini { margin-bottom: 32px; } .el-form-item__content { color: $--color-text-regular; } .form-item-sub { margin-bottom: 8px; &:last-of-type { margin-bottom: 0; } } } .form-actions { position: sticky; bottom: 0; left: auto; z-index: 10; width: -webkit-fill-available; box-sizing: border-box; padding: 24px 16px; } .action-link { cursor: pointer; color: $--link-color; &:hover { color: $--link-hover-color; text-decoration: underline; } } </style>