First Commit
This commit is contained in:
marco
+379
@@ -0,0 +1,379 @@
|
||||
{% extends "layouts/dashboard.twig" %}
|
||||
|
||||
{% block title %}{{ title }} - {{ platformName }}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container-fluid px-4">
|
||||
<h1 class="mt-4">{{ title }}</h1>
|
||||
<ol class="breadcrumb mb-4">
|
||||
<li class="breadcrumb-item"><a href="/admin/dashboard">{{ __('dashboard.title') }}</a></li>
|
||||
<li class="breadcrumb-item"><a href="/admin/erp">{{ __('erp.title') }}</a></li>
|
||||
<li class="breadcrumb-item active">{{ title }}</li>
|
||||
</ol>
|
||||
|
||||
{% include '@erp/admin/nav.twig' %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-md-4">
|
||||
<div class="card mb-4 sticky-top" style="top: 80px; z-index: 100;">
|
||||
<div class="card-header bg-dark text-white">
|
||||
<i class="bi bi-list-check me-1"></i>
|
||||
Fases da Implantação
|
||||
</div>
|
||||
<div class="list-group list-group-flush small">
|
||||
<a href="#fase1" class="list-group-item list-group-item-action">1. Preparação e Planejamento</a>
|
||||
<a href="#fase2" class="list-group-item list-group-item-action">2. Processos e Organogramas</a>
|
||||
<a href="#fase3" class="list-group-item list-group-item-action">3. Cadastros de Apoio (Base)</a>
|
||||
<a href="#fase4" class="list-group-item list-group-item-action">4. Configurações por Módulo</a>
|
||||
<a href="#fase5" class="list-group-item list-group-item-action">5. Saneamento e Migração</a>
|
||||
<a href="#fase6" class="list-group-item list-group-item-action">6. Sequência Lógica (SysCMS)</a>
|
||||
<a href="#fase7" class="list-group-item list-group-item-action">7. Treinamento e Simulação</a>
|
||||
<a href="#fase8" class="list-group-item list-group-item-action">8. Go-Live e Sustentação</a>
|
||||
<a href="#fase9" class="list-group-item list-group-item-action">9. Melhoria Contínua (IA)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-9 col-md-8">
|
||||
<div class="alert alert-info shadow-sm mb-4">
|
||||
<i class="bi bi-info-circle-fill me-2"></i>
|
||||
Este guia foi desenvolvido com base nas melhores práticas do mercado para garantir que sua empresa aproveite ao máximo as ferramentas do <strong>ERP {{ platformName }}</strong>.
|
||||
</div>
|
||||
|
||||
<div class="card mb-4 bg-light border-0 shadow-sm">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="fw-bold text-dark mb-3"><i class="bi bi-award me-2 text-warning"></i>O Propósito do ERP</h5>
|
||||
<p class="mb-0">
|
||||
Independente do tamanho da sua empresa, do número de sócios ou da quantidade de funcionários, o objetivo central do ERP é
|
||||
<strong>organizar a gestão, padronizar processos e centralizar a informação</strong>. Ele atua como o "cérebro" do negócio,
|
||||
eliminando planilhas isoladas e garantindo que todos falem a mesma língua, permitindo que a empresa cresça de forma escalável e segura.
|
||||
</p>
|
||||
<div class="mt-3 p-3 bg-primary bg-opacity-10 border-start border-4 border-primary rounded">
|
||||
<h6 class="fw-bold text-primary mb-2"><i class="bi bi-cpu me-2"></i>O Diferencial: Inteligência Artificial Integrada</h6>
|
||||
<p class="small mb-0 text-dark">
|
||||
Diferente de sistemas convencionais, nosso ERP conta com <strong>Inteligência Artificial (IA) nativa</strong> em diversos módulos.
|
||||
Isso significa que, além de registrar dados, o sistema ajuda na tomada de decisão, automatiza tarefas repetitivas, gera insights preditivos
|
||||
e auxilia no SEO e marketing, transformando dados brutos em inteligência competitiva real para o seu negócio.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Fase 1 -->
|
||||
<div class="card mb-4 border-start border-4 border-primary shadow-sm" id="fase1">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h5 class="mb-0 text-primary fw-bold">1. Preparação e Planejamento</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>A implantação de um ERP não é apenas um projeto de TI, mas uma mudança organizacional profunda.</p>
|
||||
<ul class="list-group list-group-flush mb-3">
|
||||
<li class="list-group-item"><i class="bi bi-check2-circle text-success me-2"></i> <strong>Definição de Objetivos:</strong> O que queremos resolver? Reduzir estoque? Agilizar faturamento?</li>
|
||||
<li class="list-group-item"><i class="bi bi-check2-circle text-success me-2"></i> <strong>Comitê de Implantação:</strong> Envolva a liderança e escolha os "Key Users" (usuários-chave) de cada departamento.</li>
|
||||
<li class="list-group-item"><i class="bi bi-check2-circle text-success me-2"></i> <strong>Cronograma Realista:</strong> Evite datas agressivas demais. Uma boa implantação leva tempo para maturação.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Fase 2 -->
|
||||
<div class="card mb-4 border-start border-4 border-secondary shadow-sm" id="fase2">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h5 class="mb-0 text-secondary fw-bold">2. Mapeamento de Processos e Fluxogramas</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Entenda como a empresa funciona hoje (<strong>AS IS</strong>) e como ela funcionará dentro do sistema (<strong>TO BE</strong>).</p>
|
||||
|
||||
<div class="bg-light p-3 rounded mb-3 border">
|
||||
<h6 class="fw-bold"><i class="bi bi-diagram-3-fill me-2 text-primary"></i>A Força do Módulo de {{ __('erp.modules.organization.name') }}</h6>
|
||||
<p>Antes de configurar qualquer outro módulo, utilize o módulo de <strong>{{ __('erp.modules.organization.name') }}</strong> para desenhar a realidade do seu negócio. Isso traz clareza e evita erros de configuração:</p>
|
||||
<ul>
|
||||
<li><strong>Organogramas Funcionais:</strong> Defina quem responde a quem. Isso é vital para as permissões de acesso e fluxos de aprovação de compras e vendas.</li>
|
||||
<li><strong>Fluxogramas de Processo:</strong> Desenhe o caminho que um pedido percorre, desde a cotação até a entrega. Ter isso documentado visualmente ajuda a equipe a entender o "porquê" de cada etapa no ERP.</li>
|
||||
<li><strong>Workflow de Trabalho:</strong> Identifique gargalos antes mesmo de começar a usar o sistema. Se um processo é confuso no papel, ele será confuso no software.</li>
|
||||
</ul>
|
||||
<p class="mb-0 small text-muted"><strong>Dica:</strong> Um processo bem desenhado no módulo de Organização reduz em até 50% o tempo de treinamento da equipe.</p>
|
||||
</div>
|
||||
|
||||
<p>O ERP {{ platformName }} possui fluxos padronizados. Muitas vezes, é mais vantajoso adaptar o processo da empresa à "Melhor Prática" do software do que customizar o sistema.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Fase 3 -->
|
||||
<div class="card mb-4 border-start border-4 border-info shadow-sm" id="fase3">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h5 class="mb-0 text-info fw-bold">3. Pré-requisitos: Cadastros de Apoio (Tabelas de Base)</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Antes de iniciar o uso efetivo ou a migração de grandes volumes de dados, é fundamental configurar as tabelas de apoio. Sem elas, os cadastros principais ficarão incompletos.</p>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-md-6">
|
||||
<div class="p-3 border rounded h-100 bg-light">
|
||||
<h6 class="fw-bold"><i class="bi bi-diagram-3 me-2"></i>Estrutura Interna</h6>
|
||||
<p class="small text-muted mb-0">Cadastre primeiro os <strong>Setores</strong> e <strong>Cargos</strong>. Eles são a base para o cadastro de funcionários e definição de permissões.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="p-3 border rounded h-100 bg-light">
|
||||
<h6 class="fw-bold"><i class="bi bi-people me-2"></i>Capital Humano</h6>
|
||||
<p class="small text-muted mb-0">Cadastre os <strong>Funcionários</strong> e <strong>Vendedores</strong>. Eles serão vinculados a pedidos de venda e ordens de produção.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="p-3 border rounded h-100 bg-light">
|
||||
<h6 class="fw-bold"><i class="bi bi-house-door me-2"></i>Logística</h6>
|
||||
<p class="small text-muted mb-0">Defina seus <strong>Almoxarifados, Depósitos e Armazéns</strong>. Sem eles, o sistema não saberá onde armazenar o estoque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="p-3 border rounded h-100 bg-light">
|
||||
<h6 class="fw-bold"><i class="bi bi-tags me-2"></i>Classificação</h6>
|
||||
<p class="small text-muted mb-0">Crie a árvore de <strong>Grupos, Subgrupos e Categorias</strong> para seus produtos e serviços.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 p-3 bg-warning bg-opacity-10 border border-warning rounded">
|
||||
<i class="bi bi-exclamation-triangle-fill text-warning me-2"></i>
|
||||
<strong>Atenção:</strong> Respeite esta sequência para evitar ter que "parar" um cadastro no meio por falta de uma informação de apoio.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Fase 4 -->
|
||||
<div class="card mb-4 border-start border-4 border-primary shadow-sm" id="fase4">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h5 class="mb-0 text-primary fw-bold">4. Configurações Específicas por Módulo</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Cada módulo do ERP {{ platformName }} possui pré-requisitos técnicos que devem ser configurados para garantir o funcionamento correto dos fluxos de trabalho.</p>
|
||||
|
||||
<div class="accordion shadow-sm" id="accordionConfig">
|
||||
<!-- Organização e RH -->
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingOrg">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOrg" aria-expanded="true">
|
||||
<i class="bi bi-diagram-3 me-2"></i> Organização e RH
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseOrg" class="accordion-collapse collapse show" data-bs-parent="#accordionConfig">
|
||||
<div class="accordion-body small">
|
||||
<ul>
|
||||
<li><strong>Setores e Organogramas:</strong> Defina a estrutura hierárquica e os departamentos.</li>
|
||||
<li><strong>Cargos e Salários:</strong> Configure os cargos antes de cadastrar funcionários.</li>
|
||||
<li><strong>Funcionários:</strong> Vincule cada colaborador a um setor e cargo para habilitar fluxos de aprovação.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Produtos e Estoque -->
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingProd">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseProd">
|
||||
<i class="bi bi-box-seam me-2"></i> Produtos e Estoque
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseProd" class="accordion-collapse collapse" data-bs-parent="#accordionConfig">
|
||||
<div class="accordion-body small">
|
||||
<ul>
|
||||
<li><strong>Categorias e Grupos:</strong> Organize seu catálogo para relatórios precisos.</li>
|
||||
<li><strong>Unidades de Medida:</strong> Defina como você compra e vende (UN, KG, M, etc.).</li>
|
||||
<li><strong>Almoxarifados:</strong> Cadastre todos os locais físicos de armazenamento. Sem um almoxarifado padrão, o sistema não poderá processar entradas ou saídas.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Financeiro -->
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFin">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFin">
|
||||
<i class="bi bi-cash-stack me-2"></i> Financeiro
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFin" class="accordion-collapse collapse" data-bs-parent="#accordionConfig">
|
||||
<div class="accordion-body small">
|
||||
<ul>
|
||||
<li><strong>Plano de Contas:</strong> Configure a árvore de contas (Receitas, Despesas, Ativos).</li>
|
||||
<li><strong>Centros de Custo:</strong> Opcional, mas recomendado para rateio de despesas por departamento.</li>
|
||||
<li><strong>Bancos e Contas Correntes:</strong> Cadastre as contas bancárias para conciliação.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Vendas e Comercial -->
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingSales">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSales">
|
||||
<i class="bi bi-cart-check me-2"></i> Vendas e Comercial
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseSales" class="accordion-collapse collapse" data-bs-parent="#accordionConfig">
|
||||
<div class="accordion-body small">
|
||||
<ul>
|
||||
<li><strong>Tabelas de Preço:</strong> Defina diferentes margens para atacado, varejo ou promoções.</li>
|
||||
<li><strong>Condições de Pagamento:</strong> Configure prazos e parcelamentos (ex: 30/60/90 dias).</li>
|
||||
<li><strong>Vendedores:</strong> Cadastre os vendedores e suas respectivas comissões.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Fase 5 -->
|
||||
<div class="card mb-4 border-start border-4 border-warning shadow-sm" id="fase5">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h5 class="mb-0 text-warning fw-bold">5. Saneamento e Migração de Dados</h5>
|
||||
</div>
|
||||
<div class="card-body text-dark">
|
||||
<div class="bg-light p-3 rounded mb-3 border">
|
||||
<strong>Regra de Ouro:</strong> Se você inserir "lixo" (dados ruins), o sistema entregará relatórios ruins.
|
||||
</div>
|
||||
<ul>
|
||||
<li><strong>Limpeza:</strong> Remova clientes inativos há anos ou fornecedores duplicados.</li>
|
||||
<li><strong>Padronização:</strong> Defina como os produtos serão cadastrados (ex: NOME + MARCA + MEDIDA).</li>
|
||||
<li><strong>Módulos Relacionados:</strong> Utilize os módulos de <strong>{{ __('erp.modules.clients.name') }}</strong>, <strong>{{ __('erp.modules.vendors.name') }}</strong> e <strong>{{ __('erp.modules.products.name') }}</strong> para esta fase.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Fase 6 -->
|
||||
<div class="card mb-4 border-start border-4 border-success shadow-sm" id="fase6">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h5 class="mb-0 text-success fw-bold">6. Sequência Lógica de Implantação (Recomendada)</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Para o ERP {{ platformName }}, sugerimos a seguinte ordem de ativação e uso dos módulos:</p>
|
||||
|
||||
<div class="timeline-steps">
|
||||
<div class="mb-4">
|
||||
<h6 class="fw-bold"><span class="badge bg-primary me-2">Nível 1</span> Fundação e Cadastros Base</h6>
|
||||
<p class="small text-muted">Configuração da estrutura organizacional e cadastros que todos os outros módulos usarão.</p>
|
||||
<div class="d-flex flex-wrap gap-2">
|
||||
<span class="badge border text-dark">{{ __('erp.modules.organization.name') }}</span>
|
||||
<span class="badge border text-dark">{{ __('users.breadcrumb.users') }}</span>
|
||||
<span class="badge border text-dark">{{ __('erp.modules.products.name') }}</span>
|
||||
<span class="badge border text-dark">{{ __('erp.modules.clients.name') }}</span>
|
||||
<span class="badge border text-dark">{{ __('erp.modules.vendors.name') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<h6 class="fw-bold"><span class="badge bg-info me-2">Nível 2</span> Operacional e Financeiro Essencial</h6>
|
||||
<p class="small text-muted">Controlar o que entra, o que sai e o que se deve pagar ou receber.</p>
|
||||
<div class="d-flex flex-wrap gap-2">
|
||||
<span class="badge border text-dark">{{ __('erp.modules.stock.name') }}</span>
|
||||
<span class="badge border text-dark">{{ __('erp.modules.finance.name') }}</span>
|
||||
<span class="badge border text-dark">Compras</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<h6 class="fw-bold"><span class="badge bg-warning me-2">Nível 3</span> Comercial e Relacionamento</h6>
|
||||
<p class="small text-muted">Focar no crescimento das vendas e atendimento ao cliente.</p>
|
||||
<div class="d-flex flex-wrap gap-2">
|
||||
<span class="badge border text-dark">{{ __('erp.modules.syscrm.name') }}</span>
|
||||
<span class="badge border text-dark">{{ __('erp.modules.sales.name') }}</span>
|
||||
<span class="badge border text-dark">{{ __('erp.modules.gercom.name') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<h6 class="fw-bold"><span class="badge bg-danger me-2">Nível 4</span> Produção, Projetos e Capital Humano</h6>
|
||||
<p class="small text-muted">Módulos de maior complexidade técnica e operacional.</p>
|
||||
<div class="d-flex flex-wrap gap-2">
|
||||
<span class="badge border text-dark">{{ __('erp.modules.production.name') }}</span>
|
||||
<span class="badge border text-dark">{{ __('erp.modules.projects.name') }}</span>
|
||||
<span class="badge border text-dark">{{ __('erp.modules.hrm.name') }}</span>
|
||||
<span class="badge border text-dark">Engenharia</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<h6 class="fw-bold"><span class="badge bg-secondary me-2">Nível 5</span> Logística e Gestão de Ativos</h6>
|
||||
<p class="small text-muted">Apoio operacional final.</p>
|
||||
<div class="d-flex flex-wrap gap-2">
|
||||
<span class="badge border text-dark">{{ __('erp.modules.carriers.name') }}</span>
|
||||
<span class="badge border text-dark">{{ __('erp.modules.vehicles.name') }}</span>
|
||||
<span class="badge border text-dark">{{ __('erp.modules.servtags.name') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Fase 7 -->
|
||||
<div class="card mb-4 border-start border-4 border-info shadow-sm" id="fase7">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h5 class="mb-0 text-info fw-bold">7. Treinamento e Simulação (Pilotagem)</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>O treinamento deve ser baseado em **processos**, não apenas em botões. Exemplo: "Como fazer uma venda do início ao fim", passando por CRM, Pedido, Estoque e Financeiro.</p>
|
||||
|
||||
<div class="bg-light p-3 rounded mb-3 border-start border-4 border-warning">
|
||||
<h6 class="fw-bold"><i class="bi bi-laptop me-2"></i>Dica de Infraestrutura e Mobilidade</h6>
|
||||
<p class="small mb-2">Nem toda área da empresa (como chão de fábrica ou expedição) possui um computador disponível 100% do tempo. Para estas situações, siga esta prática:</p>
|
||||
<ul class="small mb-0">
|
||||
<li>Utilize os formulários impressos do módulo <strong>POE (Procedimentos Operacionais Estruturados)</strong> para coletar os dados manualmente.</li>
|
||||
<li>Defina uma rotina para que esses dados sejam lançados no sistema <strong>uma ou duas vezes por dia</strong> por um responsável administrativo.</li>
|
||||
<li>Isso garante que o ERP continue alimentado e preciso, mesmo em áreas sem digitalização imediata.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p>Realize um **Piloto (Test Drive)**: Pegue documentos reais do dia anterior e tente processar tudo no novo sistema. Identifique onde a equipe teve dúvidas.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Fase 8 -->
|
||||
<div class="card mb-4 border-start border-4 border-dark shadow-sm" id="fase8">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h5 class="mb-0 text-dark fw-bold">8. Go-Live e Sustentação</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>O dia da virada de chave! Garanta que haja suporte total nos primeiros dias.</p>
|
||||
<p>É normal que a produtividade caia ligeiramente na primeira semana enquanto a equipe ganha confiança. O foco deve ser a precisão dos dados, não a velocidade.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Fase 9 -->
|
||||
<div class="card mb-4 border-start border-4 border-magenta shadow-sm" id="fase9" style="border-left-color: #d63384 !important;">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h5 class="mb-0 fw-bold" style="color: #d63384;">9. Melhoria Contínua e IA</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Com o sistema rodando, utilize os módulos de inteligência para obter insights:</p>
|
||||
<ul>
|
||||
<li><strong>Agente de IA do ERP</strong>: Use para analisar tendências de vendas e comportamento de estoque.</li>
|
||||
<li><strong>Plano de Negócios</strong>: Revise o planejamento estratégico com base nos dados reais coletados.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.timeline-steps {
|
||||
padding-left: 20px;
|
||||
border-left: 2px dashed #dee2e6;
|
||||
}
|
||||
.timeline-steps > div {
|
||||
position: relative;
|
||||
}
|
||||
.timeline-steps > div::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: -27px;
|
||||
top: 5px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
background: #dee2e6;
|
||||
border: 2px solid #fff;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user