Могу ли я удалить отступы в компоненте макета Buefy-Bulma? - PullRequest
Новая
       36

Могу ли я удалить отступы в компоненте макета Buefy-Bulma?

1 голос
/ 23 сентября 2019

Я строю простой список дел на Vue.js, используя библиотеку компонентов интерфейса Buefy, в которой используется среда разработки Bulma ...

Приложение разработано так, чтобы быть всего одной страницей во всю ширину, поэтомуДля этого я использовал компонент макета героя bulma: https://bulma.io/documentation/layout/hero/

App.vue: 

<div id="app">

      <!-- Hero component de Buefy .start -->
      <section class="hero is-warning is-fullheight">

           <div class="title">
            <h2 v-if="after === ''">{{before}}</h2>
           <div class="container column is-one-third is-three-quarters-mobile" >
            <b-field class="name-input">
              <b-input v-model="after" placeholder="ejemplo: 'lista de la compra miercoles'">
              </b-input>
            </b-field>
            <b-button id="create-todo-btn" type="is-primary">Crear Lista</b-button>
            <b-button id="delete-todo-btn" type="is-danger" disabled>Borrar Lista</b-button>
            </div>
          </div>
          <!-- Container del Centro .start-->
        <div class="hero-body">
          <div class="container wrapper-todo">
            <h1 class="title" v-if="after !== ''">{{after}}</h1>
            <TodoItem></TodoItem>
          </div>
        </div>
        <!-- Container del Centro .end -->

          <!--Footer .start-->
         <div class="hero-foot">
            <TodoListFooter></TodoListFooter>
          </div>
        <!-- Footer .end -->

      </section>
      <!-- Hero component de Buefy .end -->

  </div>

Проблема в том, что слишком много отступов и полей между <div class="title"> и <div class="hero-body"> Я хотел бы знать, возможно ли удалить это заполнение (или впо крайней мере, некоторые из них) в классе .hero-body.

Я посмотрел документацию и ничего не видел.Я также пробовал использовать свои собственные классы CSS, и он, кажется, не переопределяет стили по умолчанию и определенно не удаляет отступы.

Также пробовал пользовательский класс "is-paddingless", и он не работаетлибо.

...