Adjust login and background styles

src/components/base/BackgroundImage.tsx

@@ -31,7 +31,6 @@ export default defineComponent({
       const component = themeMap[theme.value.component ?? 'random'] ?? themeMap.random
       return (
         <div class="background-image">
-          <div class="mask-background" />
           {h(component)}
         </div>
       )

src/style/components/login.styl

@@ -4,12 +4,12 @@
   position relative
 
 .login-view
-  --login-width 330px
+  --login-width 320px
   --resolution calc(2 * var(--zoom))
   --half-width calc(100vw / var(--resolution))
   --half-height calc(100vh / var(--resolution))
 
-  padding 12px
+  padding 16px
   position absolute
   border-radius 24px
   background var(--glass-bg-active)
@@ -48,18 +48,6 @@
     transform translate(calc(var(--half-width) - 50%), calc(var(--half-height) - 50%))
     height calc(50vmin / var(--zoom))
     width calc(80vmin / var(--zoom))
-  .user-choice
-    margin-bottom 8px
-    display flex
-    .user-avatar, svg
-      display block
-      width 60px
-      height 60px
-      margin 0
-    .user-name
-      margin 8px 12px
-      display flex
-      align-items center
 
 .user-clock
   text-align center
@@ -79,8 +67,8 @@
 
 .user-avatar, .user-choice svg
   border-radius 12px
-  width 100px
+  width 120px
-  height 100px
+  height 120px
   display block
   transition .3s
   margin 0 auto