forked from mirrors/amnezia-wg-easy
		
	add .is-disabled
This commit is contained in:
		
							parent
							
								
									76c713499d
								
							
						
					
					
						commit
						19c83de975
					
				
					 3 changed files with 4 additions and 9 deletions
				
			
		| 
						 | 
				
			
			@ -19,7 +19,7 @@ module.exports = {
 | 
			
		|||
  plugins: [
 | 
			
		||||
    function addDisabledClass({ addUtilities }) {
 | 
			
		||||
      const newUtilities = {
 | 
			
		||||
        '.inactive': {
 | 
			
		||||
        '.is-disabled': {
 | 
			
		||||
          opacity: '0.25',
 | 
			
		||||
          cursor: 'default',
 | 
			
		||||
        },
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1371,11 +1371,6 @@ video {
 | 
			
		|||
  transition-duration: 150ms;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.disabled-link {
 | 
			
		||||
  opacity: 0.25;
 | 
			
		||||
  cursor: default;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.duration-200 {
 | 
			
		||||
  transition-duration: 200ms;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -1392,7 +1387,7 @@ video {
 | 
			
		|||
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.inactive {
 | 
			
		||||
.is-disabled {
 | 
			
		||||
  opacity: 0.25;
 | 
			
		||||
  cursor: default;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -258,7 +258,7 @@
 | 
			
		|||
                      class="align-middle bg-gray-100 dark:bg-neutral-600 dark:text-neutral-300 p-2 rounded transition"
 | 
			
		||||
                      :class="{
 | 
			
		||||
                        'hover:bg-red-800 dark:hover:bg-red-800 hover:text-white dark:hover:text-white': client.downloadableConfig,
 | 
			
		||||
                        'opacity-25': !client.downloadableConfig
 | 
			
		||||
                        'is-disabled': !client.downloadableConfig
 | 
			
		||||
                      }"
 | 
			
		||||
                      :title="!client.downloadableConfig ? $t('noPrivKey') : $t('showQR')"
 | 
			
		||||
                      @click="qrcode = `./api/wireguard/client/${client.id}/qrcode.svg`">
 | 
			
		||||
| 
						 | 
				
			
			@ -276,7 +276,7 @@
 | 
			
		|||
                      class="align-middle inline-block bg-gray-100 dark:bg-neutral-600 dark:text-neutral-300 p-2 rounded transition"
 | 
			
		||||
                      :class="{
 | 
			
		||||
                        'hover:bg-red-800 dark:hover:bg-red-800 hover:text-white dark:hover:text-white': client.downloadableConfig,
 | 
			
		||||
                        'disabled-link': !client.downloadableConfig
 | 
			
		||||
                        'is-disabled': !client.downloadableConfig
 | 
			
		||||
                      }"
 | 
			
		||||
                      :title="!client.downloadableConfig ? $t('noPrivKey') : $t('downloadConfig')"
 | 
			
		||||
                      @click="if(!client.downloadableConfig) { $event.preventDefault(); }">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue