chore: fixes gutter space between settings page content and sidebar (#2505)
* chore: fixes no gutter space between the settings page content and right content. * Review fixes
This commit is contained in:
parent
dbddb1ece4
commit
ad431c2008
8 changed files with 11 additions and 7 deletions
|
@ -45,3 +45,7 @@ code {
|
||||||
.cursor-pointer {
|
.cursor-pointer {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
// remove when grid gutters are fixed
|
||||||
|
.columns.with-right-space {
|
||||||
|
padding-right: var(--space-normal);
|
||||||
|
}
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
|
|
||||||
<!-- List Agents -->
|
<!-- List Agents -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="small-8 columns">
|
<div class="small-8 columns with-right-space ">
|
||||||
<woot-loading-state
|
<woot-loading-state
|
||||||
v-if="uiFlags.isFetching"
|
v-if="uiFlags.isFetching"
|
||||||
:message="$t('AGENT_MGMT.LOADING')"
|
:message="$t('AGENT_MGMT.LOADING')"
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
|
|
||||||
<!-- List Canned Response -->
|
<!-- List Canned Response -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="small-8 columns">
|
<div class="small-8 columns with-right-space ">
|
||||||
<p
|
<p
|
||||||
v-if="!uiFlags.fetchingList && !records.length"
|
v-if="!uiFlags.fetchingList && !records.length"
|
||||||
class="no-items-error-message"
|
class="no-items-error-message"
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<div class="column content-box">
|
<div class="column content-box">
|
||||||
<!-- List Canned Response -->
|
<!-- List Canned Response -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="small-8 columns">
|
<div class="small-8 columns with-right-space ">
|
||||||
<p v-if="!inboxesList.length" class="no-items-error-message">
|
<p v-if="!inboxesList.length" class="no-items-error-message">
|
||||||
{{ $t('INBOX_MGMT.LIST.404') }}
|
{{ $t('INBOX_MGMT.LIST.404') }}
|
||||||
<router-link
|
<router-link
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="row ">
|
<div class="row ">
|
||||||
<div class="small-8 columns">
|
<div class="small-8 columns with-right-space ">
|
||||||
<table v-if="hasConnectedHooks" class="woot-table">
|
<table v-if="hasConnectedHooks" class="woot-table">
|
||||||
<thead>
|
<thead>
|
||||||
<th v-for="hookHeader in hookHeaders" :key="hookHeader">
|
<th v-for="hookHeader in hookHeaders" :key="hookHeader">
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
</woot-button>
|
</woot-button>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="small-8 columns">
|
<div class="small-8 columns with-right-space ">
|
||||||
<p
|
<p
|
||||||
v-if="!uiFlags.fetchingList && !records.length"
|
v-if="!uiFlags.fetchingList && !records.length"
|
||||||
class="no-items-error-message"
|
class="no-items-error-message"
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
{{ $t('LABEL_MGMT.HEADER_BTN_TXT') }}
|
{{ $t('LABEL_MGMT.HEADER_BTN_TXT') }}
|
||||||
</woot-button>
|
</woot-button>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="small-8 columns">
|
<div class="small-8 columns with-right-space ">
|
||||||
<p
|
<p
|
||||||
v-if="!uiFlags.isFetching && !records.length"
|
v-if="!uiFlags.isFetching && !records.length"
|
||||||
class="no-items-error-message"
|
class="no-items-error-message"
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="column content-box">
|
<div class="column content-box">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="small-8 columns">
|
<div class="small-8 columns with-right-space ">
|
||||||
<p v-if="!teamsList.length" class="no-items-error-message">
|
<p v-if="!teamsList.length" class="no-items-error-message">
|
||||||
{{ $t('TEAMS_SETTINGS.LIST.404') }}
|
{{ $t('TEAMS_SETTINGS.LIST.404') }}
|
||||||
<router-link
|
<router-link
|
||||||
|
|
Loading…
Reference in a new issue