pedf
/
spolky
Archived
1
0
Fork 0
Code Pull Requests Releases Activity

cosmetic changes

Browse Source
master
Lukáš Hozda 4 years ago
parent 23c9dd69f0
commit 44109e0811
3 changed files with 58 additions and 16 deletions
Show Stats Download Patch File Download Diff File

16
src/components/logo.svelte
Unescape Escape View File

@ -11,8 +11,22 @@
.logo:hover {
transform: scale(1.15);
}
.keep {
display: block;
}
@media screen and (max-width: 800px) {
.logo {
display: none;
}
.keep {
display: block !important;
}
}
</style>
<script>
export let keep = false;
</script>
<div class="logo">
<div class="logo" class:keep>
<a href="https://pedf.cuni.cz/PEDF-1.html"><img src="/img/logo.png" alt="logo"></a>
</div>

5
src/components/menu-btn.svelte
Unescape Escape View File

@ -25,6 +25,11 @@
align-items: center;
justify-items: center;
}
@media screen and (max-width: 800px) {
.panel {
background: none;
}
}
</style>
<script>

53
src/routes/index.svelte
Unescape Escape View File

@ -169,6 +169,9 @@
opacity: 0;
}
@media screen and (max-width: 800px) {
#plusko {
display: none
}
#cinnosti {
left: auto;
right: auto;
@ -176,24 +179,39 @@
}
#predseda {
top: 10vh;
left: 50%;
transform: translate(-50%, 0); }
width: 100%;
left: 0;
padding: 0;
padding-left: 20px;
}
#prebiram {
top: 20vh;
left: 50%;
transform: translate(-50%, 0); }
width: 100%;
left: 0;
padding: 0;
padding-left: 20px;
}
#zapojit {
top: 30vh;
left: 50%;
transform: translate(-50%, 0); }
width: 100%;
left: 0;
padding: 0;
padding-left: 20px;
}
#zalozit {
top: 60vh;
left: 50%;
transform: translate(-50%, 0); }
width: 100%;
left: 0;
padding: 0;
padding-left: 20px;
}
#oborovky {
top: 70vh;
left: 50%;
transform: translate(-50%, 0); }
width: 100%;
left: 0;
padding: 0;
padding-left: 20px;
}
.cross {
display: none;
width: 0 !important;
@ -350,13 +368,18 @@ left: 50%;
var result = (y*value) / 100;
return result;
}
onMount(() => {
if (window.innerWidth <= 800)
clicked = true;
})
</script>
<svelte:head>
<title>Spolky a SORky PedF UK | Chci se zapojit</title>
</svelte:head>
<Logo/>
<Logo keep={true}/>
<main id="container">
<div id="plusko" on:mouseover="{spin}" on:mouseout="{unspin}" class:active="{clicked}" on:click="{clicked_fun}">
@ -370,14 +393,14 @@ left: 50%;
{/if}
</div>
{#if clicked}
{#if clicked }
<div class="labels">
<div class="label label2" id="predseda">
<span><a href="/predseda">Předseda spolku</a></span>
<div class="cross bottom-right"></div>
</div>
<div class="label label2" id="prebiram">
<span style="padding-left: 0.5em; padding-right: 0.5em"><a href="/prebiram">Přebírám spolek</a></span>
<span style="padding-right: 0.5em"><a href="/prebiram">Přebírám spolek</a></span>
<div class="cross bottom-left"></div>
</div>
<div class="label label2" id="zapojit">
@ -385,11 +408,11 @@ left: 50%;
<div class="cross top-right"></div>
</div>
<div class="label label2" id="zalozit">
<span style="padding-left: 0.5em; padding-right: 0.5em"><a href="/zalozit-spolek">Chci založit spolek</a></span>
<span style="padding-right: 0.5em"><a href="/zalozit-spolek">Chci založit spolek</a></span>
<div class="cross top-left"></div>
</div>
<div class="label label2" id="oborovky">
<span style="padding-left: 0.5em; padding-right: 0.5em"><a href="/oborovky">Chci vědět víc o oborovkách</a></span>
<span style="padding-right: 0.5em"><a href="/oborovky">Chci vědět víc o oborovkách</a></span>
<div class="cross top-right"></div>
</div>
</div>