#e8e8e8
1.voice-chat-card { 2 width: 300px; 3 margin: 20px auto; 4 border: 1px solid #ccc; 5 border-radius: 10px; 6 box-shadow: 2px 2px 10px #ccc; 7 padding: 10px; 8 background-color: #e8e8e8; 9} 10 11.voice-chat-card-header { 12 display: flex; 13 align-items: center; 14 margin-bottom: 10px; 15} 16 17.avatar { 18 width: 50px; 19 height: 50px; 20 border-radius: 50%; 21 margin-right: 10px; 22 color: black; 23 background-color: #333; 24} 25 26.username { 27 margin: 0; 28 font-size: 18px; 29 color: black; 30} 31 32.status { 33 width: 10px; 34 height: 10px; 35 border-radius: 50%; 36 background-color: green; 37 margin-left: 10px; 38} 39 40.voice-chat-card-body { 41 padding: 10px; 42} 43 44.status-text { 45 font-size: 14px; 46 margin-bottom: 10px; 47} 48 49.audio-container { 50 display: flex; 51 align-items: center; 52} 53 54audio { 55 width: 100%; 56} 57
1.7K views
1.7K views
Comments
MIT License