dodaj pojem center, pojem css na pojem.vue (se mi zdi da je to to)
parent
4140184e60
commit
8e8c19ff9a
|
@ -40,10 +40,14 @@
|
||||||
padding: 0 32px;
|
padding: 0 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gumb {
|
a.gumb {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
color: var(--crna);
|
color: var(--crna);
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stran {
|
.stran {
|
||||||
|
|
|
@ -16,7 +16,6 @@ const revisionId = computed(() => pojem.value.id)
|
||||||
await store.naloziPojme()
|
await store.naloziPojme()
|
||||||
|
|
||||||
const urejanje = ref(false)
|
const urejanje = ref(false)
|
||||||
|
|
||||||
const container = ref(null)
|
const container = ref(null)
|
||||||
|
|
||||||
const urediPojem = async () => {
|
const urediPojem = async () => {
|
||||||
|
@ -33,12 +32,8 @@ onMounted(() => {
|
||||||
// Link na pojem direktno? Poskrolaj nanj + odpri editiranje
|
// Link na pojem direktno? Poskrolaj nanj + odpri editiranje
|
||||||
if (route.params.guid === revisionId.value) {
|
if (route.params.guid === revisionId.value) {
|
||||||
urejanje.value = true
|
urejanje.value = true
|
||||||
//const element = document.getElementById("pojem-obrazec")
|
window.container = container
|
||||||
//if (document.offsetWidth > 768) {
|
setTimeout(() => window.container.value.scrollIntoView(), 50)
|
||||||
setTimeout(() => container.value.scrollIntoView({
|
|
||||||
behavior: 'smooth'
|
|
||||||
}), 50)
|
|
||||||
//}
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
@ -63,6 +58,20 @@ onMounted(() => {
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<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 {
|
form.pojem {
|
||||||
width: calc(50% - 32px);
|
width: calc(50% - 32px);
|
||||||
margin-left: 32px;
|
margin-left: 32px;
|
||||||
|
@ -73,10 +82,17 @@ onMounted(() => {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
text-transform: uppercase;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
.gumb {
|
.gumb {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
text-decoration: underline;
|
||||||
|
font-size: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
|
|
Loading…
Reference in New Issue