2 lines
935 B
CSS
2 lines
935 B
CSS
|
.container[data-v-e0602a9b]{height:100vh;padding:16px;background-color:#f8f8f8}.message-item[data-v-e0602a9b]{display:flex;flex-direction:row;align-items:center;padding:12px;margin-bottom:10px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.icon-wrapper[data-v-e0602a9b]{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;margin-right:12px;background-color:#f5d143;border-radius:50%}.icon-wrapper-2[data-v-e0602a9b]{background-color:#ffb7b9}.icon[data-v-e0602a9b]{width:24px;height:24px}.content[data-v-e0602a9b]{display:flex;flex-direction:column;flex-grow:1;gap:10px}.title[data-v-e0602a9b]{font-size:16px;color:#333}.description[data-v-e0602a9b]{font-size:14px;color:#999}.badge-wrapper[data-v-e0602a9b]{flex-shrink:0;margin-top:-30px;margin-left:auto}.badge[data-v-e0602a9b]{padding:4px 8px;font-size:12px;color:#fff;background-color:#f44336;border-radius:50%}
|