diff --git a/frontend/src/views/admin/Login.vue b/frontend/src/views/admin/Login.vue index 401ec67..14fc477 100644 --- a/frontend/src/views/admin/Login.vue +++ b/frontend/src/views/admin/Login.vue @@ -483,12 +483,13 @@ onMounted(() => { } .login-button { - height: 48px; - font-size: 16px; - font-weight: 500; - border-radius: 8px; - transition: all 0.3s ease; margin-top: 10px; + height: 42px; + font-size: 16px; + border-radius: 4px; + transition: all 0.3s; + position: relative; + overflow: hidden; :deep(.n-button__border), :deep(.n-button__state-border) { @@ -501,12 +502,22 @@ onMounted(() => { } &:hover { - transform: translateY(-2px); - box-shadow: 0 8px 20px rgba(24, 160, 88, 0.4); + transform: translateY(-1px); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); } - &:active { - transform: translateY(0); + &::after { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 5px; + height: 5px; + background: rgba(255, 255, 255, 0.5); + opacity: 0; + border-radius: 100%; + transform: scale(1, 1) translate(-50%); + transform-origin: 50% 50%; } }