zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refine css

This commit is contained in:
Pan 2019-03-14 17:10:42 +08:00
parent 58663ba006
commit b0ddd295b0
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/RightPanel/index.vue
View File

@ -78,7 +78,7 @@ export default {
<style rel="stylesheet/scss" lang="scss" scoped> <style rel="stylesheet/scss" lang="scss" scoped>
.rightPanel-background { .rightPanel-background {
opacity: 0; opacity: 0;
transition: opacity .3s ease; transition: opacity .3s cubic-bezier(.7,.3,.1,1);
background: rgba(0, 0, 0, .2); background: rgba(0, 0, 0, .2);
width: 0; width: 0;
height: 0; height: 0;
@ -87,16 +87,16 @@ export default {
} }
.rightPanel { .rightPanel {
background: rgb(255, 255, 255); background: #fff;
z-index: 3000; z-index: 3000;
position: fixed; position: fixed;
height: 100vh; height: 100vh;
width: 100%; width: 100%;
max-width: 260px; max-width: 260px;
top: 0px; top: 0px;
left: 0px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .05); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .05);
left: 0px; transition: all .25s cubic-bezier(.7,.3,.1,1);
transition: all .25s ease;
transform: translate(100%); transform: translate(100%);
z-index: 40000; z-index: 40000;
left: auto; left: auto;
@ -105,7 +105,7 @@ export default {
.show { .show {
transition: all .25s ease; transition: all .3s cubic-bezier(.7,.3,.1,1);
.rightPanel-background { .rightPanel-background {
z-index: 20000; z-index: 20000;
opacity: 1; opacity: 1;