Styling fixes

This commit is contained in:
2022-05-03 14:37:26 +02:00
parent 464a238f91
commit cbeaf50900
7 changed files with 51 additions and 51 deletions

View File

@@ -19,7 +19,6 @@ import Sharebar from "./Sharebar.svelte";
import GalleryView from "./GalleryView.svelte";
import Downloader from "./Downloader.svelte";
import CustomBanner from "./CustomBanner.svelte";
import UkraineModal from "./UkraineModal.svelte";
import LoadingIndicator from "../util/LoadingIndicator.svelte";
let loading = true
@@ -607,7 +606,6 @@ const keyboard_event = evt => {
{#if ads_enabled}
<IntroPopup target={button_home}></IntroPopup>
<UkraineModal></UkraineModal>
{/if}
<Downloader bind:this={downloader} file={file} list={list}></Downloader>

View File

@@ -2,6 +2,7 @@
import { createEventDispatcher } from "svelte"
import { flip } from "svelte/animate"
import FilePicker from "./FilePicker.svelte"
import { file_type } from "./FileUtilities.svelte";
let dispatch = createEventDispatcher()
export let list = {
@@ -135,6 +136,7 @@ const drop = (e, index) => {
<div
class="icon_container"
class:editing={list.can_edit}
class:wide={file_type(file) === "image" || file_type(file) === "video"}
style="background-image: url('{file.icon_href}?width=256&height=256');">
{#if list.can_edit}
<i class="icon" on:click|stopPropagation|preventDefault style="cursor: grab;">drag_indicator</i>
@@ -177,7 +179,7 @@ const drop = (e, index) => {
padding: 0;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 0 3px -1px var(--shadow_color);
box-shadow: 1px 1px 3px -1px var(--shadow_color);
background: var(--input_background);
word-break: break-all;
text-align: center;
@@ -200,7 +202,8 @@ const drop = (e, index) => {
width: 100%;
height: 136px;
background-position: center;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
font-size: 22px;
text-align: left;
}
@@ -214,4 +217,7 @@ const drop = (e, index) => {
color: var(--highlight_color);
cursor: pointer;
}
.icon_container.wide {
background-size: cover;
}
</style>