comparison src/chat.css @ 48:7628fd0e3560

minor
author Franklin Schmidt <fschmidt@gmail.com>
date Fri, 28 Feb 2025 19:59:27 -0700
parents 89d3ddd302c7
children 9298b04607ae
comparison
equal deleted inserted replaced
47:8c6a2f602dbd 48:7628fd0e3560
4 bottom: 0; 4 bottom: 0;
5 left: 0; 5 left: 0;
6 right: 0; 6 right: 0;
7 } 7 }
8 8
9 div[content] { 9 div[chat_content] {
10 margin-bottom: 0; 10 margin-left: 3%;
11 margin-right: 3%;
11 display: flex; 12 display: flex;
12 height: calc(100% - 32px); 13 height: calc(100% - 32px);
13 } 14 }
14 15
15 div[chats] { 16 div[chats] {
142 margin-left: 4px; 143 margin-left: 4px;
143 } 144 }
144 145
145 146
146 @media (min-width: 700px) { 147 @media (min-width: 700px) {
147 div[content] { 148 div[chat_content] {
148 margin-left: calc(3% - 8px); 149 margin-left: calc(3% - 8px);
149 margin-right: 0; 150 margin-right: 0;
150 } 151 }
151 152
152 div[chats] { 153 div[chats] {
164 display: none; 165 display: none;
165 } 166 }
166 } 167 }
167 168
168 @media (max-width: 699px) { 169 @media (max-width: 699px) {
169 div[content][show="chats"] div[posts], 170 div[chat_content][show="chats"] div[posts],
170 div[content][show="posts"] div[chats] { 171 div[chat_content][show="posts"] div[chats] {
171 display: none; 172 display: none;
172 } 173 }
173 174
174 div[chats] { 175 div[chats] {
175 width: 100%; 176 width: 100%;
176 } 177 }
177 178
178 div[content][show="posts"] { 179 div[chat_content][show="posts"] {
179 margin-right: 0; 180 margin-right: 0;
180 } 181 }
181 182
182 div[top] h3 { 183 div[top] h3 {
183 display: flex; 184 display: flex;