From 47f17fde452b5e9f0c9e96ce0e2c878dd0574b7f Mon Sep 17 00:00:00 2001 From: Tulir Asokan Date: Sat, 18 May 2024 16:08:35 +0300 Subject: Add support for sending gifs via Giphy Fixes #22 Closes #75 Co-authored-by: Nischay --- web/style/index.sass | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) (limited to 'web/style/index.sass') diff --git a/web/style/index.sass b/web/style/index.sass index c079f65..1269be5 100644 --- a/web/style/index.sass +++ b/web/style/index.sass @@ -71,12 +71,23 @@ main.theme-dark --text-color: white background-color: #22262e + .icon.icon-giphy + background-image: url(../res/giphy-dark.svg) + main.theme-black --highlight-color: #222 --search-box-color: var(--highlight-color) --text-color: white background-color: black + .icon.icon-giphy + background-image: url(../res/giphy-dark.svg) + +div.powered-by-giphy + padding: 1rem + > img + width: 100% + .icon width: 100% height: 100% @@ -95,6 +106,10 @@ main.theme-black &.icon.icon-search --icon-image: url(../res/search.svg) + &.icon.icon-giphy + background: center / contain no-repeat url(../res/giphy-light.svg) + mask: unset + nav display: flex overflow-x: auto @@ -140,6 +155,12 @@ section.stickerpack > h1 margin: 0 0 0 .75rem +section.stickerpack#pack-giphy + display: flex + justify-content: space-between + flex-direction: column + min-height: 100% + div.sticker display: flex padding: 4px -- cgit v1.2.3