diff options
| author | Logan Hunt <loganhunt@simponic.xyz> | 2022-04-20 17:23:27 -0600 |
|---|---|---|
| committer | Logan Hunt <loganhunt@simponic.xyz> | 2022-04-20 17:23:27 -0600 |
| commit | d9943b201d98a2396d62b9a190659e2e776da019 (patch) | |
| tree | 2399fe496ba6d4650f9f0c56a2b926a9235104d8 /assets | |
| parent | 763ea5331b1977dd949c776215f2c7719f81ee9a (diff) | |
| download | aggiedit-d9943b201d98a2396d62b9a190659e2e776da019.tar.gz aggiedit-d9943b201d98a2396d62b9a190659e2e776da019.zip | |
UI updates and fix message directioning
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/app.css | 33 |
1 files changed, 25 insertions, 8 deletions
diff --git a/assets/css/app.css b/assets/css/app.css index 907783d..2cc38b4 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -128,9 +128,15 @@ /* Chat css from: https://www.bootdey.com/snippets/view/card-chat-list#html */ +.chat-container { + height: 300px; + overflow-y: scroll; +} + .chat-list { padding: 0; font-size: .8rem; + padding-bottom: 12px; } .chat-list li { @@ -139,6 +145,18 @@ color: #ffffff; } +.chat-list .chat-img { + float: left; + width: 48px; +} + +.chat-list .chat-img img { + -webkit-border-radius: 50px; + -moz-border-radius: 50px; + border-radius: 50px; + width: 100%; +} + .chat-list .chat-message { -webkit-border-radius: 50px; -moz-border-radius: 50px; @@ -170,7 +188,7 @@ padding: 0; } -.chat-list .chat-card-body { +.chat-list .chat-body { margin-left: 20px; float: left; width: 70%; @@ -202,17 +220,12 @@ border-left: 20px solid #fc6d4c; } -.chat-card { - overflow-y: scroll; - max-height: 300px; -} - -.chat-card .card-header:first-child { +.card .card-header:first-child { -webkit-border-radius: 0.3rem 0.3rem 0 0; -moz-border-radius: 0.3rem 0.3rem 0 0; border-radius: 0.3rem 0.3rem 0 0; } -.chat-card .card-header { +.card .card-header { background: #17202b; border: 0; font-size: 1rem; @@ -220,4 +233,8 @@ position: relative; font-weight: 600; color: #ffffff; +} + +.content{ + margin-top:40px; }
\ No newline at end of file |