huncholane/durable-chat-templatePublic

main

durable-chat-template/public/styles.css

51 lines652 BCSS

RawDownloadHistory

1	body,
2	html {
3	height: 100%;
4	margin: 0;
5	padding: 0;
6	display: flex;
7	flex-direction: column;
8	}
9
10	.chat {
11	padding-top: 40px;
12	}
13
14	#root {
15	flex: 1;
16	display: flex;
17	flex-direction: column;
18	justify-content: flex-end;
19	overflow-y: auto;
20	height: 100%;
21	/* padding: 10px; */
22	}
23
24	.message {
25	margin-bottom: 10px;
26	}
27
28	.message .user {
29	font-weight: bold;
30	text-align: right;
31	}
32
33	.message .remove {
34	position: absolute;
35	width: 22px;
36	height: 20px;
37	left: -60px;
38	/* display: "block", */
39	display: none;
40	padding: 0;
41	line-height: 18px;
42	border: "none";
43	}
44
45	.send-message {
46	padding: 0;
47	}
48
49	.my-input-text::placeholder {
50	color: #ccc;
51	}