mirror of
https://code.lenaisten.de/Lenaisten/advent22.git
synced 2024-11-23 00:03:07 +00:00
<style> tag placement
This commit is contained in:
parent
a72ba92f5e
commit
7a3042a2b5
5 changed files with 7 additions and 29 deletions
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<section class="hero is-small is-primary">
|
<section class="hero is-small is-primary" style="overflow-x: auto">
|
||||||
<div class="hero-body">
|
<div class="hero-body">
|
||||||
<h1 class="title is-uppercase">Adventskalender</h1>
|
<h1 class="title is-uppercase">Adventskalender</h1>
|
||||||
<h2 class="subtitle">Der Gelöt</h2>
|
<h2 class="subtitle">Der Gelöt</h2>
|
||||||
|
@ -63,9 +63,3 @@ body {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
section.hero {
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
@ -20,5 +20,3 @@ import DoorMapEditor from "./DoorMapEditor.vue";
|
||||||
})
|
})
|
||||||
export default class extends Vue {}
|
export default class extends Vue {}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped></style>
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<BulmaDrawer header="Türchen bearbeiten" @open="on_open">
|
<BulmaDrawer header="Türchen bearbeiten" @open="on_open">
|
||||||
<nav class="level is-mobile mb-0">
|
<nav class="level is-mobile mb-0" style="overflow-x: auto">
|
||||||
<BulmaButton
|
<BulmaButton
|
||||||
:disabled="current_step === 0"
|
:disabled="current_step === 0"
|
||||||
class="level-item is-link"
|
class="level-item is-link"
|
||||||
|
@ -178,9 +178,3 @@ export default class extends Vue {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
nav.level {
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<header class="card-header is-unselectable">
|
<header class="card-header is-unselectable" style="cursor: pointer">
|
||||||
<p class="card-header-title" @click="toggle">{{ header }}</p>
|
<p class="card-header-title" @click="toggle">{{ header }}</p>
|
||||||
|
|
||||||
<p v-if="refreshable" class="card-header-icon px-0">
|
<p v-if="refreshable" class="card-header-icon px-0">
|
||||||
|
@ -98,13 +98,8 @@ export default class extends Vue {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style scoped>
|
||||||
div.card {
|
div.card:not(:last-child) {
|
||||||
&:not(:last-child) {
|
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
}
|
}
|
||||||
> .card-header {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -10,6 +10,7 @@
|
||||||
v-if="variant !== undefined"
|
v-if="variant !== undefined"
|
||||||
xmlns="http://www.w3.org/1999/xhtml"
|
xmlns="http://www.w3.org/1999/xhtml"
|
||||||
class="px-4 is-flex is-align-items-center is-justify-content-center is-size-1 has-text-weight-bold"
|
class="px-4 is-flex is-align-items-center is-justify-content-center is-size-1 has-text-weight-bold"
|
||||||
|
style="height: inherit"
|
||||||
>
|
>
|
||||||
<slot name="default" />
|
<slot name="default" />
|
||||||
</div>
|
</div>
|
||||||
|
@ -93,10 +94,6 @@ export default class extends Vue {
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "@/bulma-vars";
|
@import "@/bulma-vars";
|
||||||
|
|
||||||
foreignObject > div {
|
|
||||||
height: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
rect {
|
rect {
|
||||||
fill: transparent;
|
fill: transparent;
|
||||||
fill-opacity: 0.3;
|
fill-opacity: 0.3;
|
||||||
|
|
Loading…
Reference in a new issue