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

pull/41/head
janko 2024-01-19 15:29:25 +01:00
parent 0e43bfdc15
commit 9e248829d7
2 changed files with 28 additions and 8 deletions

View File

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

View File

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