File tree Expand file tree Collapse file tree 1 file changed +46
-0
lines changed
Expand file tree Collapse file tree 1 file changed +46
-0
lines changed Original file line number Diff line number Diff line change 9191 align-items : center;
9292 height : 80px ;
9393 }
94+ .chat-container {
95+ max-width : 800px ;
96+ margin : 20px auto;
97+ padding : 20px ;
98+ border : 1px solid # ccc ;
99+ border-radius : 10px ;
100+ }
101+
102+ # chat-messages {
103+ height : 500px ;
104+ overflow-y : auto;
105+ border : 1px solid # eee ;
106+ padding : 10px ;
107+ margin-bottom : 10px ;
108+ }
109+
110+ .message {
111+ margin-bottom : 15px ;
112+ padding : 8px ;
113+ border-radius : 5px ;
114+ }
115+
116+ .user-message {
117+ background-color : # e3f2fd ;
118+ text-align : right;
119+ }
120+
121+ .bot-message {
122+ background-color : # f5f5f5 ;
123+ text-align : left;
124+ }
125+
126+ # user-input {
127+ width : calc (100% - 90px );
128+ padding : 10px ;
129+ margin-right : 10px ;
130+ }
131+
132+ button {
133+ padding : 10px 20px ;
134+ background-color : # 4CAF50 ;
135+ color : white;
136+ border : none;
137+ border-radius : 5px ;
138+ cursor : pointer;
139+ }
94140 </ style >
95141</ head >
96142< body >
You can’t perform that action at this time.
0 commit comments