Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Menu bar for buttons

Browse source
This commit is contained in:
David Négrier 2022-01-17 10:04:54 +01:00 • committed by Alexis Faizeau
parent 06dca9813c
commit a4b4710f87
10 changed files with 146 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

16
front/src/Components/EmbedScreens/CoWebsitesContainer.svelte
View file

@ -1,13 +1,13 @@
<script lang="typescript">
import { coWebsiteThumbails } from "../../Stores/CoWebsiteStore";
import { coWebsites } from "../../Stores/CoWebsiteStore";
import CoWebsiteThumbnail from "./CoWebsiteThumbnailSlot.svelte";
export let vertical = false;
</script>
{#if $coWebsiteThumbails.length > 0}
{#if $coWebsites.length > 0}
<div id="cowebsite-thumbnail-container" class:vertical>
{#each [...$coWebsiteThumbails.values()] as coWebsite, index (coWebsite.iframe.id)}
{#each [...$coWebsites.values()] as coWebsite, index (coWebsite.iframe.id)}
<CoWebsiteThumbnail {index} {coWebsite} {vertical} />
{/each}
</div>
@ -16,13 +16,21 @@
<style lang="scss">
#cowebsite-thumbnail-container {
pointer-events: all;
height: 12%;
height: 100px;
width: 100%;
display: flex;
position: absolute;
bottom: 5px;
left: 2%;
overflow-x: auto;
overflow-y: hidden;
&.vertical {
height: auto !important;
width: auto !important;
bottom: auto !important;
left: auto !important;
position: relative;
overflow-x: hidden;
overflow-y: auto;
flex-direction: column;