Initial private import

2026-06-08 02:33:14 +09:00
commit c0fc076d34
7 changed files with 550 additions and 0 deletions
@@ -0,0 +1,106 @@
+.find-container {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 100%;
+	height: 100px;
+	background: #f2f2f7;
+	border-radius: 16px;
+	padding: 12px;
+	user-select: none;
+			margin-bottom: 10px;
+}
+
+.password-container {
+	display: block;
+	margin: 0 auto;
+	width: fit-content;
+	height: auto;
+	background: #f2f2f7;
+	border-radius: 16px;
+	padding: 12px;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+			margin-bottom: 10px;
+}
+
+#findMyShortcut input[type="password"] {
+	padding: 8px 12px;
+	font-size: 16px;
+	border-radius: 16px;
+	border: 1px solid #ccc;
+	width: 200px;
+	text-align: center;
+	font-weight: 500;
+	background-color: #fff;
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+	appearance: none;
+	outline: none;
+	-webkit-appearance: none;
+}
+
+#findMyShortcut input[type="password"]:focus {
+	border-color: #999;
+	box-shadow: none;
+}
+
+#findMyShortcut button {
+	padding: 10px 12px;
+	font-size: 15px;
+	border-radius: 16px;
+	background-color: #007aff;
+	color: white;
+	border: none;
+	margin-left: 8px;
+	font-weight: 500;
+	transition: background 0.2s ease;
+}
+
+#findMyShortcut button:active {
+	background-color: #0051c7;
+}
+
+.iconContainer {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	cursor: pointer;
+	width: 90px;
+	margin: 0 12px;
+	border-radius: 16px;
+	transition: background 0.2s ease;
+}
+
+.iconContainer img {
+	width: 60px;
+	height: 60px;
+	border-radius: 16px;
+	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
+	background: #fff;
+	transition: opacity 0.2s ease;
+}
+
+.iconContainer:active img {
+	opacity: 0.5;
+}
+
+.iconLabel {
+	margin-top: 8px;
+	font-size: 13px;
+	color: #000;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+	text-align: center;
+
+	display: -webkit-box;
+	-webkit-line-clamp: 1;   /* 1줄만 표시하고 자름 (2줄 자르려면 2로 변경) */
+	-webkit-box-orient: vertical;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+#failMsg {
+	font-size: 13px;
+	color: red;
+	min-height: 18px;
+	margin-top: 8px;
+	text-align: center;
+}