|  | @@ -42,7 +42,7 @@ onBeforeUnmount(() => {
 | 
	
		
			
				|  |  |  </script>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  <template>
 | 
	
		
			
				|  |  | -  <div :class="{ show: show }" class="right-panel-container">
 | 
	
		
			
				|  |  | +  <div :class="{ show }">
 | 
	
		
			
				|  |  |      <div class="right-panel-background" />
 | 
	
		
			
				|  |  |      <div ref="target" class="right-panel bg-bg_color">
 | 
	
		
			
				|  |  |        <div
 | 
	
	
		
			
				|  | @@ -91,14 +91,6 @@ onBeforeUnmount(() => {
 | 
	
		
			
				|  |  |    </div>
 | 
	
		
			
				|  |  |  </template>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -<style>
 | 
	
		
			
				|  |  | -.showright-panel {
 | 
	
		
			
				|  |  | -  position: relative;
 | 
	
		
			
				|  |  | -  width: calc(100% - 15px);
 | 
	
		
			
				|  |  | -  overflow: hidden;
 | 
	
		
			
				|  |  | -}
 | 
	
		
			
				|  |  | -</style>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |  <style lang="scss" scoped>
 | 
	
		
			
				|  |  |  :deep(.el-scrollbar) {
 | 
	
		
			
				|  |  |    height: calc(100vh - 110px);
 | 
	
	
		
			
				|  | @@ -121,7 +113,6 @@ onBeforeUnmount(() => {
 | 
	
		
			
				|  |  |    z-index: 40000;
 | 
	
		
			
				|  |  |    width: 100%;
 | 
	
		
			
				|  |  |    max-width: 280px;
 | 
	
		
			
				|  |  | -  height: 100vh;
 | 
	
		
			
				|  |  |    box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
 | 
	
		
			
				|  |  |    transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
 | 
	
		
			
				|  |  |    transform: translate(100%);
 |