diff --git a/web/src/app/css/app.css b/web/src/app/css/app.css index 7c6d6e2..e71a60e 100644 --- a/web/src/app/css/app.css +++ b/web/src/app/css/app.css @@ -87,6 +87,13 @@ main { width: 3em; height: 3em; } +#meet-actions .fa.fa-heart { + font-size: 2.5em; + color: #ff4141 !important; + text-shadow: 0px 0px .4em #0000005c; + position: relative; + top: 2px; +} .meet.item { max-width: 40em; @@ -99,7 +106,8 @@ main { background-repeat: no-repeat; background-position: center; height: 100vh; - filter: blur(30px); + margin: auto; + filter: blur(15px); } .meet.item .status-avatar img { max-width: 30em; @@ -114,6 +122,20 @@ main { .meet.item .black { background: linear-gradient(to right, #00000082, #00000063, #00000063, #00000082); } + +.meet.item .status-content { + padding: 2em 1em; + background: #000000a8; + margin-bottom: 1em; + border-radius: 4px; + box-shadow: 0px 0px 1em #0000008c; +} +.meet.item .status-content .text { + margin: 0; + text-align: justify; + word-break: break-word; +} + .meet.item .content { display: grid; } diff --git a/web/src/app/js/pages/meet.js b/web/src/app/js/pages/meet.js index 6fae4d0..dc14015 100644 --- a/web/src/app/js/pages/meet.js +++ b/web/src/app/js/pages/meet.js @@ -3,7 +3,7 @@ app.pages.meet = { document.querySelector('#page-meet').removeAttribute('style'); http.get('/api/v1/feed/meet', {}, function(json) { if (json === undefined) return; - app.template.loadMany(['meet.item','meet.item_actions'], function(_) { + app.template.loadMany(['meet.item','meet.actions'], function(_) { var _; _ = function () { const dom = document.querySelector('#page-meet #content'); @@ -27,7 +27,7 @@ app.pages.meet = { const dom = document.querySelector('#page-meet #actions'); dom.innerHTML = ''; dom.style.height = '6em'; - var tpl = app.template.get('meet.item_actions'); + var tpl = app.template.get('meet.actions'); dom.innerHTML += tpl; }; _(); var index = app.storage.get('status_meet_index'); diff --git a/web/src/app/js/templates/meet/actions.html b/web/src/app/js/templates/meet/actions.html new file mode 100644 index 0000000..b2cdf86 --- /dev/null +++ b/web/src/app/js/templates/meet/actions.html @@ -0,0 +1,18 @@ +
+
+ +
+ +
+
+ +
+ +
+
+
+
diff --git a/web/src/app/js/templates/meet/item.html b/web/src/app/js/templates/meet/item.html index b056342..54860d1 100644 --- a/web/src/app/js/templates/meet/item.html +++ b/web/src/app/js/templates/meet/item.html @@ -1,6 +1,9 @@