ts-sdks/packages/docs/components/AgentPrompt/styles.module.css at 78e2dd0b3a700b7f4e19a7911b569fe4bdaf180f · MystenLabs/ts-sdks · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
/* Copyright (c) Mysten Labs, Inc. */
/* SPDX-License-Identifier: Apache-2.0 */

.root {
	margin: 1.5rem 0;
	padding: 1rem 1.25rem;
	border: 1px solid var(--fd-border, hsl(var(--border)));
	border-radius: 0.75rem;
	background: var(--fd-card, hsl(var(--card)));
}

.label {
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--fd-muted-foreground, hsl(var(--muted-foreground)));
	margin-bottom: 0.4rem;
}

.text {
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--fd-foreground, hsl(var(--foreground)));
	margin: 0 0 0.85rem;
}

.actions {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	flex-wrap: wrap;
}

.copyBtn,
.agentBtn {
	font-size: 0.8rem;
	font-family: inherit;
	padding: 0.4rem 0.85rem;
	border-radius: 6px;
	cursor: pointer;
	transition:
		background-color 0.15s ease,
		border-color 0.15s ease,
		color 0.15s ease;
}

.copyBtn {
	border: 1px solid var(--fd-border, hsl(var(--border)));
	background: transparent;
	color: var(--fd-foreground, hsl(var(--foreground)));
}

.copyBtn:hover {
	border-color: var(--fd-muted-foreground, hsl(var(--muted-foreground)));
}

.agentBtn {
	border: 1px solid var(--fd-primary, hsl(var(--primary)));
	background: var(--fd-primary, hsl(var(--primary)));
	color: var(--fd-primary-foreground, hsl(var(--primary-foreground)));
}

.agentBtn:hover {
	opacity: 0.9;
}

.caret {
	font-size: 0.7rem;
	line-height: 1;
}

.agentWrap {
	position: relative;
}

.dropdown {
	position: absolute;
	top: calc(100% + 0.35rem);
	left: 0;
	z-index: 20;
	min-width: 9rem;
	padding: 0.3rem;
	border: 1px solid var(--fd-border, hsl(var(--border)));
	border-radius: 8px;
	background-color: var(--fd-popover, hsl(var(--popover)));
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

.item {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 0.85rem;
	font-family: inherit;
	padding: 0.45rem 0.6rem;
	border: none;
	border-radius: 5px;
	background: transparent;
	color: var(--fd-foreground, hsl(var(--foreground)));
	cursor: pointer;
	text-decoration: none;
}

.item:hover {
	background-color: var(--fd-accent, hsl(var(--accent)));
}