fix: some Bulma updates

This commit is contained in:
jezzahehn 2025-05-31 21:34:57 -04:00
parent a9b643ac7a
commit 7464dd0fe0
4 changed files with 17 additions and 12 deletions

View file

@ -1,6 +1,6 @@
<template> <template>
<div class="box my-6 px-4 py-5 columns is-vcentered"> <div class="box my-5 px-4 py-3 columns is-vcentered">
<template v-if="reverse"> <template v-if="reverse">
<div class="column"> <div class="column">
<h2 class="title is-4">{{ title }}</h2> <h2 class="title is-4">{{ title }}</h2>

View file

@ -1,16 +1,21 @@
<template> <template>
<div class="box m-3 p-3 columns"> <div class="box m-3 p-3 columns is-vcentered">
<div class="column is-one-quarter" v-if="image"> <div class="column is-one-quarter" v-if="image">
<figure class="image"> <figure class="image is-128x128">
<img :src="image" :alt="alt" /> <img :src="image" :alt="alt" />
</figure> </figure>
</div> </div>
<div class="column"> <div class="column">
<h2 class="title">{{ title }}</h2> <h4 class="title">{{ title }}</h4>
<p class="has-text-white is-size-4 mb-4">{{ desc }}</p> <p class="has-text-white is-size-5 mb-3">{{ desc }}</p>
<h3 class="is-size-3"> <a
<a :href="link" target="_blank" rel="noopener noreferrer nofollow">{{ link }}</a> :href="link"
</h3> target="_blank"
rel="noopener noreferrer nofollow"
class="button is-link is-medium has-text-white"
>
{{ link }}
</a>
</div> </div>
</div> </div>
</template> </template>

View file

@ -1,8 +1,8 @@
<template> <template>
<div class="min-h-screen flex flex-col" style="gap: 4rem"> <div class="min-h-screen flex flex-col">
<!-- Main application wrapper --> <!-- Main application wrapper -->
<section class="section"> <section class="section">
<h1 class="title has-text-black p-6">BRÅTULA VIOSSA.NET MÅDE</h1> <h1 class="title has-text-black p-3">BRÅTULA VIOSSA.NET MÅDE</h1>
</section> </section>
<section class="section"> <section class="section">

View file

@ -2,7 +2,7 @@
<div class="min-h-screen flex flex-col" style="gap: 4rem"> <div class="min-h-screen flex flex-col" style="gap: 4rem">
<!-- Main application wrapper --> <!-- Main application wrapper -->
<section class="section"> <section class="section">
<h1 class="title has-text-black p-6">Learning Resources</h1> <h1 class="title has-text-black p-3">Learning Resources</h1>
</section> </section>
<section class="section"> <section class="section">