Refactor VPN proxy components and update related behavior
This commit is contained in:
@@ -490,15 +490,6 @@
|
||||
transition: opacity 650ms cubic-bezier(0.16, 1, 0.3, 1), filter 650ms cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
|
||||
.client-form-content {
|
||||
display: grid;
|
||||
align-content: start;
|
||||
gap: 24px;
|
||||
opacity: 1;
|
||||
filter: blur(0);
|
||||
transition: opacity 360ms ease, filter 480ms cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
|
||||
.client-subscription-drawer {
|
||||
width: min(480px, 100vw);
|
||||
}
|
||||
@@ -645,13 +636,7 @@
|
||||
cursor: wait;
|
||||
}
|
||||
|
||||
.client-form.is-waiting {
|
||||
opacity: 0;
|
||||
filter: blur(10px);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.client-shell:has(.harbor-brand.is-gateway-active) .client-form:not(.is-waiting) {
|
||||
.client-shell:has(.harbor-brand.is-gateway-active) .client-form {
|
||||
opacity: 0.34;
|
||||
filter: grayscale(1) saturate(0);
|
||||
}
|
||||
@@ -660,8 +645,6 @@
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
.client-subscription-edit button:focus-visible,
|
||||
.client-subscription-domain-button:focus-visible,
|
||||
.client-server:focus-visible,
|
||||
.client-power:focus-visible {
|
||||
outline: 2px solid var(--client-accent);
|
||||
|
||||
Reference in New Issue
Block a user