Styling fixes
This commit is contained in:
@@ -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>
|
||||
|
@@ -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>
|
||||
|
Reference in New Issue
Block a user