Skip to content
Snippets Groups Projects
Commit 94b6b90e authored by Tomáš Valenta's avatar Tomáš Valenta
Browse files

instagram box for twitter box

parent ae1bc451
No related branches found
No related tags found
1 merge request!19Add Instagram feed
......@@ -55,29 +55,29 @@
</div>
</section>
</div>
<section class="grid-container no-max mr-0 person-twitter-section mb-4 xl:mb-20">
<section class="grid-container no-max mr-0 person-instagram-section mb-4 xl:mb-20">
<div class="grid-content-with-right-side">
<h2 class="head-4xl text-left">
{{ person_twitter_box_title }}
{{ person_instagram_box_title }}
</h2>
<div class="__js-root twitter-carousel-root xl:max-w-[1145px]">
<ui-twitter-carousel>
<div class="__js-root instagram-carousel-root xl:max-w-[1145px]">
<ui-instagram-carousel>
<div class="w-full h-full flex max-w-xs">
{% include 'patterns/molecules/boxes/twitter_box.html' %}
{% include 'patterns/molecules/boxes/instagram_box.html' %}
</div>
<div class="w-full h-full flex max-w-xs">
{% include 'patterns/molecules/boxes/twitter_box.html' %}
{% include 'patterns/molecules/boxes/instagram_box.html' %}
</div>
<div class="w-full h-full flex max-w-xs">
{% include 'patterns/molecules/boxes/twitter_box.html' %}
{% include 'patterns/molecules/boxes/instagram_box.html' %}
</div>
<div class="w-full h-full flex max-w-xs">
{% include 'patterns/molecules/boxes/twitter_box.html' %}
{% include 'patterns/molecules/boxes/instagram_box.html' %}
</div>
<div class="w-full h-full flex max-w-xs">
{% include 'patterns/molecules/boxes/twitter_box.html' %}
{% include 'patterns/molecules/boxes/instagram_box.html' %}
</div>
</ui-twitter-carousel>
</ui-instagram-carousel>
</div>
</div>
</section>
......
.tweet-image {
@apply w-80 h-80;
object-fit: cover;
}
......@@ -32,7 +32,6 @@
@import "molecules/sliding_button.pcss";
@import "molecules/switch.pcss";
@import "molecules/representative_box.pcss";
@import "molecules/twitter_box.pcss";
@import "molecules/card_box.pcss";
@import "molecules/popout.pcss";
......
<template>
<vue-slick-carousel v-bind="settings" class="twitter-carousel">
<vue-slick-carousel v-bind="settings" class="instagram-carousel">
<slot></slot>
</vue-slick-carousel>
</template>
......@@ -9,7 +9,7 @@ import VueSlickCarousel from 'vue-slick-carousel'
export default {
components: {VueSlickCarousel},
name: 'TwitterCarousel',
name: 'InstagramCarousel',
data: () => ({
settings: {
"dots": false,
......
......@@ -9,7 +9,7 @@ import Renderer from "./components/calendar/Renderer";
import DummyProvider from "./components/calendar/DummyProvider";
import GoogleProvider from "./components/calendar/GoogleProvider";
import RegionMap from "./components/RegionMap";
import TwitterCarousel from "./components/TwitterCarousel";
import InstagramCarousel from "./components/InstagramCarousel";
import ViewProvider from "./components/ViewProvider";
import Popout from "./components/popout/Popout";
import PopoutContent from "./components/popout/PopoutContent";
......@@ -28,7 +28,7 @@ Vue.component("ui-calendar-renderer", Renderer);
Vue.component("ui-calendar-dummy-provider", DummyProvider);
Vue.component("ui-calendar-google-provider", GoogleProvider);
Vue.component("ui-region-map", RegionMap);
Vue.component("ui-twitter-carousel", TwitterCarousel);
Vue.component("ui-instagram-carousel", InstagramCarousel);
Vue.component("ui-view-provider", ViewProvider);
Vue.component("ui-popout", Popout);
Vue.component("ui-popout-content", PopoutContent);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment