diff options
| author | Tulir Asokan <tulir@maunium.net> | 2024-05-18 16:08:35 +0300 |
|---|---|---|
| committer | Tulir Asokan <tulir@maunium.net> | 2024-05-18 16:18:55 +0300 |
| commit | 47f17fde452b5e9f0c9e96ce0e2c878dd0574b7f (patch) | |
| tree | d24482ccf9720fe9defce1b361575ae9bbaf1a25 /web/style/index.sass | |
| parent | f59406a47a6778cd402e656ffb64f667335f665a (diff) | |
Add support for sending gifs via Giphy
Fixes #22
Closes #75
Co-authored-by: Nischay <hegdenischay@gmail.com>
Diffstat (limited to 'web/style/index.sass')
| -rw-r--r-- | web/style/index.sass | 21 |
1 files changed, 21 insertions, 0 deletions
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 |