diff options
| author | Guillermo Ramos | 2020-02-11 16:09:06 +0100 |
|---|---|---|
| committer | Guillermo Ramos | 2020-02-11 16:09:06 +0100 |
| commit | 840e37b56a2af853631c8f583e28e5bd576f34f5 (patch) | |
| tree | a637bff6ef05809a2c2c57e58007d856fc0fb5d8 /lib | |
| parent | 8d352d2f05874dd9283360ed3dfc1fa7fc3e530d (diff) | |
| download | waev-840e37b56a2af853631c8f583e28e5bd576f34f5.tar.gz | |
Pretty avatars
Diffstat (limited to 'lib')
| -rw-r--r-- | lib/waev_web/templates/exports/show.html.eex | 65 | ||||
| -rw-r--r-- | lib/waev_web/templates/layout/app.html.eex | 10 |
2 files changed, 38 insertions, 37 deletions
diff --git a/lib/waev_web/templates/exports/show.html.eex b/lib/waev_web/templates/exports/show.html.eex index 4d7de74..501f3c2 100644 --- a/lib/waev_web/templates/exports/show.html.eex +++ b/lib/waev_web/templates/exports/show.html.eex @@ -1,46 +1,47 @@ -<div class="container"> - <div class="row"> - <div class="column column-50 wa-avatar"> +<div class="wa-avatars"> + <div class="wa-avatar"> + <figure> <img alt="<%= @export.left.name %>" src="<%= Routes.exports_path(@conn, :get_avatar, @id, @export.left.name) %>" /> - <%= @export.left.name %> - </div> - <div class="column column-50 wa-avatar"> + <figcaption><%= @export.left.name %></figcaption> + </figure> + </div> + <div class="wa-avatar"> + <figure> <img alt="<%= @export.right.name %>" src="<%= Routes.exports_path(@conn, :get_avatar, @id, @export.right.name) %>" /> - <%= @export.right.name %> - </div> + <figcaption><%= @export.right.name %></figcaption> + </figure> </div> +</div> - <%= for message <- @export.messages do %> - <%= case message.side do %> - <% :left -> %> - <div class="wa-row wa-row-left"> - <% :right -> %> - <div class="wa-row wa-row-right"> - <% nil -> %> - <div class="wa-row"> - <% end %> +<%= for message <- @export.messages do %> + <%= case message.side do %> + <% :left -> %> +<div class="wa-row wa-row-left"> + <img class="wa-avatar--tiny" src="<%= Routes.exports_path(@conn, :get_avatar, @id, @export.left.name) %>" /> + <% :right -> %> +<div class="wa-row wa-row-right"> + <img class="wa-avatar--tiny" src="<%= Routes.exports_path(@conn, :get_avatar, @id, @export.right.name) %>" /> + <% end %> - <div class="wa-message"> + <div class="wa-message wa-white-box"> + <%= case message.attachment do %> + <% %Waev.Export.Message.File{filename: filename, type: :image} -> %> + <img class="wa-message-photo" alt="<%= filename %>" src="<%= Routes.exports_path(@conn, :get_media, @id, filename) %>" /> + <% _ -> %> + <% end %> + <div class="wa-message-box"> <%= case message.attachment do %> - <% %Waev.Export.Message.File{filename: filename, type: :image} -> %> - <img class="wa-message-photo" alt="<%= filename %>" src="<%= Routes.exports_path(@conn, :get_media, @id, filename) %>" /> + <% %Waev.Export.Message.File{filename: filename, type: :file} -> %> + <a class="wa-message-text" href="<%= Routes.exports_path(@conn, :get_media, @id, filename) %>"><%= filename %></a> <% _ -> %> <% end %> - <div class="wa-message-box"> - <%= case message.attachment do %> - <% %Waev.Export.Message.File{filename: filename, type: :file} -> %> - <a class="wa-message-text" href="<%= Routes.exports_path(@conn, :get_media, @id, filename) %>"><%= filename %></a> - <% _ -> %> - <% end %> - <div><%= message.text %></div> - <div class="wa-message-date"> - <%= message.date %> - </div> + <div><%= message.text %></div> + <div class="wa-message-date"> + <%= message.date %> </div> </div> - </div> - <% end %> </div> +<% end %> diff --git a/lib/waev_web/templates/layout/app.html.eex b/lib/waev_web/templates/layout/app.html.eex index d83e5bc..0b81432 100644 --- a/lib/waev_web/templates/layout/app.html.eex +++ b/lib/waev_web/templates/layout/app.html.eex @@ -9,11 +9,11 @@ <%= csrf_meta_tag() %> </head> <body> - <header> - <section class="container"> - <h1>WhatsApp Exports Viewer</h1> - </section> - </header> + <!-- <header> + <section class="container"> + <h1>WhatsApp Exports Viewer</h1> + </section> + </header> --> <main role="main" class="container"> <p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p> <p class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></p> |