样式调整

zhangwencui

5 小时以前 6ce67a8e4a226e4c97dfeb53b843489f8c9c21bc

 src/views/login.vue

@@ -98,7 +98,7 @@
                    y="112"
                    width="138"
                    height="128"
                    rx="18"
                    rx="10"
                    fill="url(#g2)"
                    stroke="rgba(255,255,255,.42)" />
              <path d="M145 185h88M145 210h58"
@@ -116,7 +116,7 @@
                    y="76"
                    width="190"
                    height="164"
                    rx="22"
                    rx="12"
                    fill="url(#g2)"
                    stroke="rgba(255,255,255,.42)" />
              <path d="M350 126h120M350 158h90M350 190h112"
@@ -169,7 +169,7 @@
                    y="82"
                    width="148"
                    height="158"
                    rx="20"
                    rx="12"
                    fill="url(#g2)"
                    stroke="rgba(255,255,255,.42)" />
              <path d="M724 206V134M764 206V112M804 206V154"
@@ -573,7 +573,7 @@
    grid-template-columns: 3fr 2fr;
    gap: 0;
    align-items: stretch;
    border-radius: 34px;
    border-radius: var(--content-radius);
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.72);
    box-shadow: var(--shadow);
@@ -646,7 +646,7 @@
  .logo {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    border-radius: var(--radius-md);
    display: grid;
    place-items: center;
    background: rgba(var(--accent-rgb), 0.12);
@@ -691,7 +691,7 @@
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.78);
@@ -744,7 +744,7 @@

  .time span {
    padding: 6px 10px;
    border-radius: 999px;
    border-radius: var(--radius-md);
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.7);
    color: rgba(15, 23, 42, 0.6);
@@ -754,7 +754,7 @@
  .login-card {
    width: min(420px, 100%);
    padding: 38px 34px 34px;
    border-radius: 22px;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(14px);
@@ -770,7 +770,7 @@
    top: -120px;
    width: 240px;
    height: 240px;
    border-radius: 999px;
    border-radius: var(--radius-lg);
    background: radial-gradient(
      circle at 30% 30%,
      rgba(var(--accent-rgb), 0.36),
@@ -792,7 +792,7 @@
  .card-brand .logo {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    border-radius: var(--radius-md);
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.22);
  }
@@ -867,7 +867,7 @@
    height: 50px;
    padding: 0 14px 0 44px;
    border: 1px solid var(--border);
    border-radius: 14px;
    border-radius: var(--radius-md);
    outline: none;
    background: rgba(255, 255, 255, 0.92);
    color: var(--text);
@@ -921,7 +921,7 @@
    width: 100%;
    height: 52px;
    border: none;
    border-radius: 14px;
    border-radius: var(--radius-md);
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;