refactror
This commit is contained in:
		
							parent
							
								
									a891f7e862
								
							
						
					
					
						commit
						e9afc1d867
					
				
					 12 changed files with 46 additions and 46 deletions
				
			
		| 
						 | 
					@ -877,7 +877,7 @@ export default Vue.extend({
 | 
				
			||||||
					z-index: 1;
 | 
										z-index: 1;
 | 
				
			||||||
					padding-top: 8px;
 | 
										padding-top: 8px;
 | 
				
			||||||
					padding-bottom: 8px;
 | 
										padding-bottom: 8px;
 | 
				
			||||||
					background: var(--wboyroyc);
 | 
										background: var(--X14);
 | 
				
			||||||
					-webkit-backdrop-filter: blur(8px);
 | 
										-webkit-backdrop-filter: blur(8px);
 | 
				
			||||||
					backdrop-filter: blur(8px);
 | 
										backdrop-filter: blur(8px);
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
| 
						 | 
					@ -1082,7 +1082,7 @@ export default Vue.extend({
 | 
				
			||||||
		display: flex;
 | 
							display: flex;
 | 
				
			||||||
		width: 100%;
 | 
							width: 100%;
 | 
				
			||||||
		box-sizing: border-box;
 | 
							box-sizing: border-box;
 | 
				
			||||||
		background: linear-gradient(0deg, var(--bg), var(--bonzsgfz));
 | 
							background: linear-gradient(0deg, var(--bg), var(--X1));
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		@media (max-width: 500px) {
 | 
							@media (max-width: 500px) {
 | 
				
			||||||
			padding: 0 16px 16px 16px;
 | 
								padding: 0 16px 16px 16px;
 | 
				
			||||||
| 
						 | 
					@ -1126,7 +1126,7 @@ export default Vue.extend({
 | 
				
			||||||
				color: var(--fg);
 | 
									color: var(--fg);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				&:hover {
 | 
									&:hover {
 | 
				
			||||||
					background: var(--pcncwizz);
 | 
										background: var(--X2);
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				> i {
 | 
									> i {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -426,7 +426,7 @@ export default Vue.extend({
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			&:hover {
 | 
								&:hover {
 | 
				
			||||||
				background: var(--yrnqrguo);
 | 
									background: var(--X3);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			&[data-selected='true'] {
 | 
								&[data-selected='true'] {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -713,7 +713,7 @@ export default Vue.extend({
 | 
				
			||||||
					margin-right: 14px;
 | 
										margin-right: 14px;
 | 
				
			||||||
					padding: 8px 0 8px 8px;
 | 
										padding: 8px 0 8px 8px;
 | 
				
			||||||
					border-radius: 8px;
 | 
										border-radius: 8px;
 | 
				
			||||||
					background: var(--nwjktjjq);
 | 
										background: var(--X4);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
					> button {
 | 
										> button {
 | 
				
			||||||
						padding: 4px 8px;
 | 
											padding: 4px 8px;
 | 
				
			||||||
| 
						 | 
					@ -795,7 +795,7 @@ export default Vue.extend({
 | 
				
			||||||
				border-radius: 6px;
 | 
									border-radius: 6px;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				&:hover {
 | 
									&:hover {
 | 
				
			||||||
					background: var(--geavgsxy);
 | 
										background: var(--X5);
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				&.active {
 | 
									&.active {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -126,11 +126,11 @@ export default Vue.extend({
 | 
				
			||||||
		background: var(--accent);
 | 
							background: var(--accent);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		&:not(:disabled):hover {
 | 
							&:not(:disabled):hover {
 | 
				
			||||||
			background: var(--jkhztclx);
 | 
								background: var(--X8);
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		&:not(:disabled):active {
 | 
							&:not(:disabled):active {
 | 
				
			||||||
			background: var(--jkhztclx);
 | 
								background: var(--X8);
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	}
 | 
						}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -95,7 +95,7 @@ export default Vue.extend({
 | 
				
			||||||
		-webkit-appearance: none;
 | 
							-webkit-appearance: none;
 | 
				
			||||||
		-moz-appearance: none;
 | 
							-moz-appearance: none;
 | 
				
			||||||
		appearance: none;
 | 
							appearance: none;
 | 
				
			||||||
		background: var(--xxubwiul);
 | 
							background: var(--X10);
 | 
				
			||||||
		height: 7px;
 | 
							height: 7px;
 | 
				
			||||||
		margin: 0 8px;
 | 
							margin: 0 8px;
 | 
				
			||||||
		outline: 0;
 | 
							outline: 0;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -83,8 +83,8 @@ export default Vue.extend({
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	&.checked {
 | 
						&.checked {
 | 
				
			||||||
		> .button {
 | 
							> .button {
 | 
				
			||||||
			background-color: var(--xxubwiul);
 | 
								background-color: var(--X10);
 | 
				
			||||||
			border-color: var(--xxubwiul);
 | 
								border-color: var(--X10);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			> * {
 | 
								> * {
 | 
				
			||||||
				background-color: var(--accent);
 | 
									background-color: var(--accent);
 | 
				
			||||||
| 
						 | 
					@ -108,7 +108,7 @@ export default Vue.extend({
 | 
				
			||||||
		margin: 3px 0 0 0;
 | 
							margin: 3px 0 0 0;
 | 
				
			||||||
		width: 34px;
 | 
							width: 34px;
 | 
				
			||||||
		height: 14px;
 | 
							height: 14px;
 | 
				
			||||||
		background: var(--nhzhphzx);
 | 
							background: var(--X6);
 | 
				
			||||||
		outline: none;
 | 
							outline: none;
 | 
				
			||||||
		border-radius: 14px;
 | 
							border-radius: 14px;
 | 
				
			||||||
		transition: inherit;
 | 
							transition: inherit;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -112,7 +112,7 @@ export default Vue.extend({
 | 
				
			||||||
			font-size: 14px;
 | 
								font-size: 14px;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			&:hover {
 | 
								&:hover {
 | 
				
			||||||
				background: var(--bwqtlupy);
 | 
									background: var(--X7);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			&.selected {
 | 
								&.selected {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -75,11 +75,11 @@ export default Vue.extend({
 | 
				
			||||||
	position: relative;
 | 
						position: relative;
 | 
				
			||||||
	overflow: hidden;
 | 
						overflow: hidden;
 | 
				
			||||||
	background: var(--panel);
 | 
						background: var(--panel);
 | 
				
			||||||
	border: solid 2px var(--jvhmlskx);
 | 
						border: solid 2px var(--X12);
 | 
				
			||||||
	border-radius: 6px;
 | 
						border-radius: 6px;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	&:hover {
 | 
						&:hover {
 | 
				
			||||||
		border: solid 2px var(--yakfpmhl);
 | 
							border: solid 2px var(--X13);
 | 
				
			||||||
	}
 | 
						}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	&.warn {
 | 
						&.warn {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -232,11 +232,11 @@ hr {
 | 
				
			||||||
	background: var(--accent);
 | 
						background: var(--accent);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	&:not(:disabled):hover {
 | 
						&:not(:disabled):hover {
 | 
				
			||||||
		background: var(--jkhztclx);
 | 
							background: var(--X8);
 | 
				
			||||||
	}
 | 
						}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	&:not(:disabled):active {
 | 
						&:not(:disabled):active {
 | 
				
			||||||
		background: var(--zbqjwygh);
 | 
							background: var(--X9);
 | 
				
			||||||
	}
 | 
						}
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -56,19 +56,19 @@
 | 
				
			||||||
		wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
 | 
							wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
 | 
				
			||||||
		badge: '#31b1ce',
 | 
							badge: '#31b1ce',
 | 
				
			||||||
		messageBg: ':lighten<5<@bg',
 | 
							messageBg: ':lighten<5<@bg',
 | 
				
			||||||
		bonzsgfz: ':alpha<0<@bg',
 | 
							X1: ':alpha<0<@bg',
 | 
				
			||||||
		pcncwizz: ':darken<2<@panel',
 | 
							X2: ':darken<2<@panel',
 | 
				
			||||||
		yrnqrguo: 'rgba(255, 255, 255, 0.05)',
 | 
							X3: 'rgba(255, 255, 255, 0.05)',
 | 
				
			||||||
		nwjktjjq: 'rgba(255, 255, 255, 0.1)',
 | 
							X4: 'rgba(255, 255, 255, 0.1)',
 | 
				
			||||||
		geavgsxy: 'rgba(255, 255, 255, 0.05)',
 | 
							X5: 'rgba(255, 255, 255, 0.05)',
 | 
				
			||||||
		nhzhphzx: 'rgba(255, 255, 255, 0.15)',
 | 
							X6: 'rgba(255, 255, 255, 0.15)',
 | 
				
			||||||
		bwqtlupy: 'rgba(255, 255, 255, 0.05)',
 | 
							X7: 'rgba(255, 255, 255, 0.05)',
 | 
				
			||||||
		jkhztclx: ':lighten<5<@accent',
 | 
							X8: ':lighten<5<@accent',
 | 
				
			||||||
		zbqjwygh: ':darken<5<@accent',
 | 
							X9: ':darken<5<@accent',
 | 
				
			||||||
		xxubwiul: ':alpha<0.4<@accent',
 | 
							X10: ':alpha<0.4<@accent',
 | 
				
			||||||
		aupeazdm: 'rgba(0, 0, 0, 0.3)',
 | 
							X11: 'rgba(0, 0, 0, 0.3)',
 | 
				
			||||||
		jvhmlskx: 'rgba(255, 255, 255, 0.1)',
 | 
							X12: 'rgba(255, 255, 255, 0.1)',
 | 
				
			||||||
		yakfpmhl: 'rgba(255, 255, 255, 0.15)',
 | 
							X13: 'rgba(255, 255, 255, 0.15)',
 | 
				
			||||||
		wboyroyc: ':alpha<0.5<@navBg',
 | 
							X14: ':alpha<0.5<@navBg',
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -56,19 +56,19 @@
 | 
				
			||||||
		wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
 | 
							wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
 | 
				
			||||||
		badge: '#31b1ce',
 | 
							badge: '#31b1ce',
 | 
				
			||||||
		messageBg: '@panel',
 | 
							messageBg: '@panel',
 | 
				
			||||||
		bonzsgfz: ':alpha<0<@bg',
 | 
							X1: ':alpha<0<@bg',
 | 
				
			||||||
		pcncwizz: ':darken<2<@panel',
 | 
							X2: ':darken<2<@panel',
 | 
				
			||||||
		yrnqrguo: 'rgba(0, 0, 0, 0.05)',
 | 
							X3: 'rgba(0, 0, 0, 0.05)',
 | 
				
			||||||
		nwjktjjq: 'rgba(0, 0, 0, 0.1)',
 | 
							X4: 'rgba(0, 0, 0, 0.1)',
 | 
				
			||||||
		geavgsxy: 'rgba(0, 0, 0, 0.05)',
 | 
							X5: 'rgba(0, 0, 0, 0.05)',
 | 
				
			||||||
		nhzhphzx: 'rgba(0, 0, 0, 0.25)',
 | 
							X6: 'rgba(0, 0, 0, 0.25)',
 | 
				
			||||||
		bwqtlupy: 'rgba(0, 0, 0, 0.05)',
 | 
							X7: 'rgba(0, 0, 0, 0.05)',
 | 
				
			||||||
		jkhztclx: ':lighten<5<@accent',
 | 
							X8: ':lighten<5<@accent',
 | 
				
			||||||
		zbqjwygh: ':darken<5<@accent',
 | 
							X9: ':darken<5<@accent',
 | 
				
			||||||
		xxubwiul: ':alpha<0.4<@accent',
 | 
							X10: ':alpha<0.4<@accent',
 | 
				
			||||||
		aupeazdm: 'rgba(0, 0, 0, 0.1)',
 | 
							X11: 'rgba(0, 0, 0, 0.1)',
 | 
				
			||||||
		jvhmlskx: 'rgba(0, 0, 0, 0.1)',
 | 
							X12: 'rgba(0, 0, 0, 0.1)',
 | 
				
			||||||
		yakfpmhl: 'rgba(0, 0, 0, 0.15)',
 | 
							X13: 'rgba(0, 0, 0, 0.15)',
 | 
				
			||||||
		wboyroyc: ':alpha<0.5<@navBg',
 | 
							X14: ':alpha<0.5<@navBg',
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -172,7 +172,7 @@ export default define({
 | 
				
			||||||
			> .meter {
 | 
								> .meter {
 | 
				
			||||||
				width: 100%;
 | 
									width: 100%;
 | 
				
			||||||
				overflow: hidden;
 | 
									overflow: hidden;
 | 
				
			||||||
				background: var(--aupeazdm);
 | 
									background: var(--X11);
 | 
				
			||||||
				border-radius: 8px;
 | 
									border-radius: 8px;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
				> .val {
 | 
									> .val {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue