vietnamese

frontend/widgets/ChatActions/chatactions.css

@@ -47,4 +47,63 @@ ul#message_preview li.reactions {
 
 ul#message_preview li.reactions a.chip {
     max-width: 100%;
-}
+}
+
+/* Shared files */
+#chat_files ul.tabs > li {
+    width: 25%;
+    float: left;
+}
+
+#chat_files ul.tabs > li > a {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding: 0 0.25rem;
+}
+
+#chat_files ul.files_grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+    gap: 0.25rem;
+    padding: 0.5rem;
+    margin: 0;
+    list-style: none;
+    justify-items: stretch;
+}
+
+#chat_files ul.files_grid > li {
+    display: block;
+    justify-self: stretch;
+    width: auto;
+    margin: 0;
+    list-style: none;
+    position: relative;
+    aspect-ratio: 1 / 1;
+    min-height: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: rgba(var(--movim-font), 0.06);
+}
+
+#chat_files ul.files_grid > li > img {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    max-width: none;
+    object-fit: cover;
+    cursor: pointer;
+}
+
+#chat_files audio {
+    display: block;
+    width: 100%;
+    margin: 0.25rem 0;
+}
+
+@media screen and (max-width: 576px) {
+    #chat_files ul.files_grid {
+        grid-template-columns: repeat(3, 1fr);
+    }
+}