@fleetbase/ember-ui/addon/styles/addon.css

Fleetbase UI provides all the interface components, helpers, services and utilities for building a Fleetbase extension into the Console.

/** Layout */
@import 'layout/reset.css';
@import "ember-basic-dropdown/vendor/ember-basic-dropdown.css";
@import 'ember-power-select/vendor/ember-power-select.css';
@import 'air-datepicker/air-datepicker.css';
@import 'layout/next.css';
@import 'layout/legacy.css';
@import 'layout/mobile.css';
@import 'layout/utilities.css';
@import 'layout/dark-theme.css';
@import 'layout/light-theme.css';

/** Components */
@import 'components/modal.css';
@import 'components/button.css';
@import 'components/input.css';
@import 'components/sidebar-panels.css';
@import 'components/sidebar-navigator.css';
@import 'components/table.css';
@import 'components/panes.css';
@import 'components/navbar.css';
@import 'components/table-cells.css';
@import 'components/calendar.css';
@import 'components/pagination.css';
@import 'components/overlay.css';
@import 'components/badge.css';
@import 'components/dropdown.css';
@import 'components/cards.css';
@import 'components/timeline.css';
@import 'components/panel.css';
@import 'components/prism.css';
@import 'components/tabs.css';
@import 'components/basic-dropdown.css';
@import 'components/split.css';
@import 'components/file.css';
@import 'components/horizontal-route.css';
@import 'components/electron-title-bar.css';
@import 'components/attacher.css';
@import 'components/ember-model-select.css';
@import 'components/ember-power-select.css';
@import 'components/date-picker.css';
@import 'components/dashboard.css';
@import 'components/kanban.css';
@import 'components/notification-tray.css';
@import 'components/fleet-listing.css';
@import 'components/drawer.css';
@import 'components/full-calendar.css';
@import 'components/sidebar-toggle.css';
@import 'components/countdown.css';
@import 'components/otp-input.css';
@import 'components/chat.css';
@import 'components/tip-tap-editor.css';
@import 'components/tab-navigation.css';
@import 'components/resource-context-panel.css';
@import 'components/card-grid.css';
@import 'components/report-builder.css';
@import 'components/query-builder.css';
@import 'components/activity-log.css';
@import 'components/smart-nav-menu.css';
@import 'components/template-builder.css';
@import 'components/fleetbase-attribution.css';

.fleetbase-docs-panel-body {
    position: relative;
    height: 100%;
    min-height: 0;
    padding: 0;
}

.fleetbase-docs-panel-body-light {
    background: #fff;
}

.fleetbase-docs-panel-body-dark {
    background: #111827;
}

.fleetbase-docs-panel-body > iframe {
    display: block;
}

.fleetbase-docs-panel-loading {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: #4b5563;
    font-size: 0.875rem;
    font-weight: 600;
}

.fleetbase-docs-panel-body-light .fleetbase-docs-panel-loading {
    background: #fff;
}

.fleetbase-docs-panel-body-dark .fleetbase-docs-panel-loading {
    color: #d1d5db;
    background: #111827;
}