<style> tag placement

This commit is contained in:
Jörn-Michael Miehe 2023-10-27 15:09:44 +00:00
parent a72ba92f5e
commit 7a3042a2b5
5 changed files with 7 additions and 29 deletions

View file

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

View file

@ -20,5 +20,3 @@ import DoorMapEditor from "./DoorMapEditor.vue";
}) })
export default class extends Vue {} export default class extends Vue {}
</script> </script>
<style scoped></style>

View file

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

View file

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

View file

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