Compare commits
4 Commits
344286efdf
...
4b6ee8e6b9
Author | SHA1 | Date |
---|---|---|
janko | 4b6ee8e6b9 | |
janko | 9e248829d7 | |
janko | 0e43bfdc15 | |
janko | 0dd28bbe57 |
|
@ -40,10 +40,14 @@
|
|||
padding: 0 32px;
|
||||
}
|
||||
|
||||
.gumb {
|
||||
a.gumb {
|
||||
text-decoration: underline;
|
||||
font-size: 3rem;
|
||||
color: var(--crna);
|
||||
position: relative;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.stran {
|
||||
|
|
|
@ -49,11 +49,13 @@ h1 {
|
|||
}
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: -10wh;
|
||||
left: -10vw;
|
||||
width: 120vw;
|
||||
height: 120vh;
|
||||
z-index: 10;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.meni {
|
||||
|
|
|
@ -16,7 +16,6 @@ const revisionId = computed(() => pojem.value.id)
|
|||
await store.naloziPojme()
|
||||
|
||||
const urejanje = ref(false)
|
||||
|
||||
const container = ref(null)
|
||||
|
||||
const urediPojem = async () => {
|
||||
|
@ -33,12 +32,8 @@ onMounted(() => {
|
|||
// Link na pojem direktno? Poskrolaj nanj + odpri editiranje
|
||||
if (route.params.guid === revisionId.value) {
|
||||
urejanje.value = true
|
||||
//const element = document.getElementById("pojem-obrazec")
|
||||
//if (document.offsetWidth > 768) {
|
||||
setTimeout(() => container.value.scrollIntoView({
|
||||
behavior: 'smooth'
|
||||
}), 50)
|
||||
//}
|
||||
window.container = container
|
||||
setTimeout(() => window.container.value.scrollIntoView(), 50)
|
||||
}
|
||||
})
|
||||
|
||||
|
@ -63,6 +58,20 @@ onMounted(() => {
|
|||
</template>
|
||||
|
||||
<style scoped>
|
||||
section.pojem {
|
||||
position: relative;
|
||||
background: var(--bela);
|
||||
margin: 2rem;
|
||||
border-radius: 24px;
|
||||
padding: 2rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
box-sizing: border-box;
|
||||
max-width: 1216px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
form.pojem {
|
||||
width: calc(50% - 32px);
|
||||
margin-left: 32px;
|
||||
|
@ -73,10 +82,17 @@ onMounted(() => {
|
|||
position: relative;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-transform: uppercase;
|
||||
margin-top: 0;
|
||||
}
|
||||
.gumb {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
text-decoration: underline;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
|
|
Loading…
Reference in New Issue