@uniai-fe/uds-templates 0.4.18 → 0.4.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/styles.css +10 -3
  2. package/package.json +1 -1
  3. package/src/auth/login/markup/LinkButtons.tsx +6 -3
  4. package/src/auth/login/styles/login.scss +11 -3
package/dist/styles.css CHANGED
@@ -919,18 +919,17 @@
919
919
  margin-top: 80px;
920
920
  display: flex;
921
921
  flex-direction: column;
922
- gap: var(--spacing-padding-6);
922
+ gap: var(--spacing-padding-8);
923
923
  }
924
924
 
925
925
  .auth-login-find-account {
926
926
  display: flex;
927
- justify-content: center;
928
- align-items: center;
929
927
  --divider-height: 13px;
930
928
  --divider-color: var(--color-label-neutral);
931
929
  }
932
930
 
933
931
  .auth-login-find-account-button {
932
+ flex: 1;
934
933
  font-size: 13px;
935
934
  line-height: 1em;
936
935
  font-weight: 400;
@@ -943,6 +942,14 @@
943
942
  color: var(--color-label-standard);
944
943
  }
945
944
 
945
+ .auth-find-id-button {
946
+ text-align: right;
947
+ }
948
+
949
+ .auth-find-password-button {
950
+ text-align: left;
951
+ }
952
+
946
953
  .auth-login-signup {
947
954
  display: flex;
948
955
  justify-content: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/uds-templates",
3
- "version": "0.4.18",
3
+ "version": "0.4.20",
4
4
  "description": "UNIAI Design System; UI Templates Package",
5
5
  "type": "module",
6
6
  "private": false,
package/src/auth/login/markup/LinkButtons.tsx CHANGED
@@ -15,14 +15,17 @@ export default function AuthLoginLinkButtons({
15
15
  return (
16
16
  <div className="auth-login-util-container">
17
17
  <div className="auth-login-find-account">
18
- <Link href={hrefFindId} className="auth-login-find-account-button">
18
+ <Link
19
+ href={hrefFindId}
20
+ className="auth-login-find-account-button auth-find-id-button"
21
+ >
19
22
  <span>아이디 찾기</span>
20
23
  </Link>
21
24
  <Divider />
22
25
  {onFindPasswordClick ? (
23
26
  <button
24
27
  type="button"
25
- className="auth-login-find-account-button"
28
+ className="auth-login-find-account-button auth-find-password-button"
26
29
  onClick={onFindPasswordClick}
27
30
  >
28
31
  <span>비밀번호 찾기</span>
@@ -30,7 +33,7 @@ export default function AuthLoginLinkButtons({
30
33
  ) : (
31
34
  <Link
32
35
  href={hrefFindPassword}
33
- className="auth-login-find-account-button"
36
+ className="auth-login-find-account-button auth-find-password-button"
34
37
  >
35
38
  <span>비밀번호 찾기</span>
36
39
  </Link>
package/src/auth/login/styles/login.scss CHANGED
@@ -15,19 +15,19 @@
15
15
  margin-top: 80px;
16
16
  display: flex;
17
17
  flex-direction: column;
18
- gap: var(--spacing-padding-6);
18
+ gap: var(--spacing-padding-8);
19
19
  }
20
20
 
21
21
  .auth-login-find-account {
22
22
  display: flex;
23
- justify-content: center;
24
- align-items: center;
25
23
 
26
24
  --divider-height: 13px;
27
25
  --divider-color: var(--color-label-neutral);
28
26
  }
29
27
 
30
28
  .auth-login-find-account-button {
29
+ flex: 1;
30
+
31
31
  font-size: 13px;
32
32
  line-height: 1em;
33
33
  font-weight: 400;
@@ -42,6 +42,14 @@
42
42
  }
43
43
  }
44
44
 
45
+ .auth-find-id-button {
46
+ text-align: right;
47
+ }
48
+
49
+ .auth-find-password-button {
50
+ text-align: left;
51
+ }
52
+
45
53
  .auth-login-signup {
46
54
  display: flex;
47
55
  justify-content: center;