mirror of
https://github.com/ubicloud/ubicloud.git
synced 2025-10-04 13:52:06 +08:00
45a0f65e46
Only show registered SSH public key options if the project has at least one registered. If the project has registered an SSH public key, do not make the SSH public key textarea a required input. If a registered SSH public key is selected, hide the SSH public key textarea using a pure-CSS approach.
49 lines
1.3 KiB
CSS
49 lines
1.3 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* Custom styles */
|
|
@layer components {
|
|
.radio-small-card {
|
|
@apply flex items-center justify-center rounded-md sm:flex-1 cursor-pointer focus:outline-none;
|
|
@apply ring-1 ring-gray-300 bg-white text-gray-900 hover:bg-gray-50 peer-focus-visible:ring-2 peer-focus-visible:ring-orange-600;
|
|
@apply peer-focus-visible:ring-offset-2 peer-checked:bg-orange-600 peer-checked:text-white peer-checked:hover:bg-orange-700;
|
|
}
|
|
}
|
|
|
|
@layer utilities {
|
|
.mask-sweep {
|
|
@apply inline-block animate-sweep;
|
|
-webkit-mask: linear-gradient(90deg, transparent 0%, black 50%, transparent 100%) 0 0 / 200% 100%;
|
|
mask: linear-gradient(90deg, transparent 0%, black 50%, transparent 100%) 0 0 / 200% 100%;
|
|
}
|
|
|
|
@keyframes sweep {
|
|
to {
|
|
-webkit-mask-position: -200% 0;
|
|
mask-position: -200% 0;
|
|
}
|
|
}
|
|
|
|
.animate-sweep {
|
|
animation: sweep 1.6s linear infinite;
|
|
}
|
|
}
|
|
|
|
#creation-form {
|
|
&:has(select#health_check_protocol option[value=tcp]:checked) #health-check-endpoint-wrapper {
|
|
display: none;
|
|
}
|
|
|
|
#new-private-subnet-name {
|
|
display: none;
|
|
}
|
|
|
|
&:has(select#private_subnet_id option[value^=new-]:checked) #new-private-subnet-name {
|
|
display: block;
|
|
}
|
|
|
|
&:has(select#ssh_public_key option[value^=sk]:checked) #public-key-wrapper {
|
|
display: none;
|
|
}
|
|
}
|