dodaj pojem center, pojem css na pojem.vue (se mi zdi da je to to)

pull/42/head
janko 2024-01-19 15:29:25 +01:00 committed by Lio Novelli
parent 4140184e60
commit 8e8c19ff9a
2 changed files with 28 additions and 8 deletions

View File

@ -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 {

View File

@ -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) {