Hugging Face's logo

Spaces:
John2121
/
DGCchat
Running

App Files Community
John2121 commited on
Commit
60c1ea9
·
verified ·
1 Parent(s): 6bca2e3

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +114 -0
style.css CHANGED
@@ -26,3 +26,117 @@ p {
26
  .card p:last-child {
27
  margin-bottom: 0;
28
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
26
  .card p:last-child {
27
  margin-bottom: 0;
28
  }
29
+
30
+ #llama-user-input {
31
+ background: #fff !important;
32
+ color: #222 !important;
33
+ border: 1px solid #ccc !important;
34
+ border-radius: 4px !important;
35
+ padding: 8px !important;
36
+ width: 100% !important;
37
+ box-sizing: border-box !important;
38
+ }
39
+ #llama-user-input::placeholder {
40
+ color: #888 !important;
41
+ opacity: 1 !important;
42
+ }
43
+ #llama-input-row {
44
+ display: flex;
45
+ gap: 8px;
46
+ margin-top: 8px;
47
+ }
48
+ #llama-send-btn {
49
+ background: #e11d48;
50
+ color: #fff;
51
+ font-weight: 600;
52
+ border-radius: 4px;
53
+ border: none;
54
+ padding: 8px 16px;
55
+ cursor: pointer;
56
+ transition: background 0.2s;
57
+ }
58
+ #llama-send-btn:disabled {
59
+ background: #aaa;
60
+ cursor: not-allowed;
61
+ }
62
+ #llama-messages {
63
+ min-height: 120px;
64
+ margin-bottom: 8px;
65
+ background: #f4f4f4;
66
+ color: #222;
67
+ border-radius: 4px;
68
+ padding: 8px;
69
+ max-height: 300px;
70
+ overflow-y: auto;
71
+ }
72
+ body {
73
+ padding: 2rem;
74
+ font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
75
+ }
76
+
77
+ h1 {
78
+ font-size: 16px;
79
+ margin-top: 0;
80
+ }
81
+
82
+ p {
83
+ color: rgb(107, 114, 128);
84
+ font-size: 15px;
85
+ margin-bottom: 10px;
86
+ margin-top: 5px;
87
+ }
88
+
89
+ .card {
90
+ max-width: 620px;
91
+ margin: 0 auto;
92
+ padding: 16px;
93
+ border: 1px solid lightgray;
94
+ border-radius: 16px;
95
+ }
96
+
97
+ .card p:last-child {
98
+ margin-bottom: 0;
99
+ }
100
+
101
+ #llama-user-input {
102
+ background: #fff !important;
103
+ color: #222 !important;
104
+ border: 1px solid #ccc !important;
105
+ border-radius: 4px !important;
106
+ padding: 8px !important;
107
+ width: 100% !important;
108
+ box-sizing: border-box !important;
109
+ }
110
+ #llama-user-input::placeholder {
111
+ color: #888 !important;
112
+ opacity: 1 !important;
113
+ }
114
+ #llama-input-row {
115
+ display: flex;
116
+ gap: 8px;
117
+ margin-top: 8px;
118
+ }
119
+ #llama-send-btn {
120
+ background: #e11d48;
121
+ color: #fff;
122
+ font-weight: 600;
123
+ border-radius: 4px;
124
+ border: none;
125
+ padding: 8px 16px;
126
+ cursor: pointer;
127
+ transition: background 0.2s;
128
+ }
129
+ #llama-send-btn:disabled {
130
+ background: #aaa;
131
+ cursor: not-allowed;
132
+ }
133
+ #llama-messages {
134
+ min-height: 120px;
135
+ margin-bottom: 8px;
136
+ background: #f4f4f4;
137
+ color: #222;
138
+ border-radius: 4px;
139
+ padding: 8px;
140
+ max-height: 300px;
141
+ overflow-y: auto;
142
+ }