fix: some Bulma updates
This commit is contained in:
parent
a9b643ac7a
commit
7464dd0fe0
4 changed files with 17 additions and 12 deletions
|
|
@ -1,5 +1,5 @@
|
||||||
<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">
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue