add classes to main components/views

This commit is contained in:
tomtjes
2024-02-07 19:18:51 -05:00
parent 14c2be9277
commit 1819ff2bbd
10 changed files with 32 additions and 32 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div id="app" class="col-12 col-xl-8 col-lg-10 offset-xl-2 offset-lg-1 offset">
<div id="app" class="books col-12 col-xl-8 col-lg-10 offset-xl-2 offset-lg-1 offset">
<div class="col-12 col-xl-8 col-lg-10 offset-xl-2 offset-lg-1">
<div class="row">
<div class="col col-md-12">

View File

@@ -1,5 +1,5 @@
<template>
<div>
<div id="app" class="mealplan">
<div class="d-none d-lg-block">
<div class="row ">
<div class="col col-2">

View File

@@ -1,5 +1,5 @@
<template>
<div id="app" style="padding-bottom: 60px">
<div id="app" class="search" style="padding-bottom: 60px">
<RecipeSwitcher ref="ref_recipe_switcher" />
<div class="row">
<div class="col-12 col-xl-10 col-lg-10 offset-xl-1 offset-lg-1">

View File

@@ -1,5 +1,5 @@
<template>
<div id="app" v-if="recipe_id !== undefined">
<div id="app" class="recipe" v-if="recipe_id !== undefined">
<recipe-view-component :recipe_id="recipe_id"></recipe-view-component>
<bottom-navigation-bar active-view="view_search"></bottom-navigation-bar>

View File

@@ -1,5 +1,5 @@
<template>
<div id="app">
<div id="app" class="shopping">
<b-alert :show="!online" dismissible class="small float-up" variant="warning">{{ $t("OfflineAlert") }}</b-alert>
<div class="row float-top w-100">