update QuickSignInPage.vue style

2026-08-30 00:54:52 +08:00
parent 4487de9ec2
commit 320dab542a
7 changed files with 350 additions and 245 deletions
@@ -0,0 +1,124 @@
+:root {
+	--td-cell-group-title-padding-left: 32px;
+}
+
+html,
+body,
+#root {
+	--td-swiper-border-radius: 0;
+
+	height: 100%;
+	min-height: 100vh;
+}
+
+html {
+	color-scheme: light;
+	background: #F5F5F8;
+}
+
+html.theme-dark {
+	color-scheme: dark;
+	background: #10161f;
+}
+
+body {
+	margin: 0;
+	color: #111827;
+	background: #F5F5F8;
+	font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+	transition: background .2s ease, color .2s ease;
+}
+
+html.theme-dark body {
+	color: #f3f4f6;
+	background: #10161f;
+}
+
+* {
+	box-sizing: border-box;
+}
+
+.cell-button {
+	--td-button-border-radius: 1rem;
+
+	width: calc(100% - 2rem);
+	margin: 0 1rem;
+}
+
+.content-margin {
+	margin: 0 1rem;
+}
+
+.t-input--password {
+	letter-spacing: 0;
+}
+
+.t-form__label {
+	color: #555;
+	flex: none;
+	min-width: unset;
+	white-space: nowrap;
+	text-overflow: unset;
+}
+
+.t-cell__title {
+
+	.t-cell__title-text {
+		min-width: unset;
+		white-space: nowrap;
+		text-overflow: unset;
+	}
+}
+
+.t-dialog__footer {
+	gap: 1rem;
+}
+
+.load-state {
+	color: var(--tui-gray);
+	padding: .75rem;
+	text-align: center;
+	font-size: .875rem;
+}
+
+.avatar {
+	flex: none;
+	display: block;
+	border-radius: .875rem;
+
+	&.fallback {
+		color: #2563EB;
+		display: flex;
+		font-size: 1.25rem;
+		background: #DBEAFE;
+		align-items: center;
+		font-weight: 600;
+		justify-content: center;
+	}
+}
+
+.t-popover {
+
+	.t-popover__content {
+		border-radius: 1rem;
+	}
+}
+
+.fix-last-cell-line .item:last-child .t-cell:after {
+	display: none;
+}
+
+.entrance-fade-up-enter-active {
+	transition: opacity .4s ease, transform .4s ease;
+	transition-delay: var(--entrance-delay, 0ms);
+}
+
+.entrance-fade-up-enter-from {
+	opacity: 0;
+	transform: translate3d(0, 1rem, 0);
+}
+
+.entrance-fade-up-enter-to {
+	opacity: 1;
+	transform: translate3d(0, 0, 0);
+}