diff options
| -rw-r--r-- | assets/css/app.css | 16 | ||||
| -rw-r--r-- | lib/waev_web/templates/exports/show.html.eex | 2 |
2 files changed, 15 insertions, 3 deletions
diff --git a/assets/css/app.css b/assets/css/app.css index 1650646..0c60267 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -2,8 +2,17 @@ @import "./milligram.css"; +:root { + --color-1: #df7861; + --color-2: #ecb390; + --color-3: #ecdfc8; + --color-4: #fcf8e8; + --color-5: #ffffff; +} + body { - background-color: #dddddd; + color: #222; + background-color: var(--color-3); } .container { @@ -18,6 +27,8 @@ body { display: flex; flex-direction: row; align-items: center; + border-radius: 5px; + background-color: var(--color-4); } .party-peek { flex: 0 0 50%; @@ -54,7 +65,7 @@ body { } .date-box { - background-color: #666; + background-color: var(--color-1); color: white; padding: 4px 12px 4px 12px; border-radius: 12px; @@ -72,6 +83,7 @@ body { padding: 0px !important; margin: 0 10px 0 10px; max-width: 65%; + background-color: var(--color-5); } .message-photo { diff --git a/lib/waev_web/templates/exports/show.html.eex b/lib/waev_web/templates/exports/show.html.eex index a63a01b..b9f84d5 100644 --- a/lib/waev_web/templates/exports/show.html.eex +++ b/lib/waev_web/templates/exports/show.html.eex @@ -12,7 +12,7 @@ <%= for {side, block} <- blocks do %> <div class="row--padded"></div> <%= for message <- block do %> - <%= case message.side do %> + <%= case side do %> <% :left -> %> <div class="row row-left"> <%= party_avatar(assigns, @export.left, :tiny) %> |