@extends('backend.layouts.master')
@section('content')
    <style>
        .card-body #myTab {
            border: none;
        }

        .card-body .nav-item {
            width: 250px;
            text-align: center;
        }

        .card-body .nav-item .nav-link {
            border: none;
            width: 250px;
            height: 40px;
            background: #eee;
            display: inline-block !important;
            color: #8a8a8a;
        }

        .card-body .nav-item .nav-link.active {
            border-top: 3px solid #3782dc;
            background: #fff;
            color: #326db5;
            border-radius: unset !important;
        }
        .modal-header.bg-main{
            height: 35px;
        }
        .modal-header.bg-main .modal-title{
            line-height: 10px;
            font-size: 18px;
        }
        .modal-header.bg-main .close{
            line-height: 6px;
        }
    </style>

    <div class="" id="vue-component">
        <setting-source-component></setting-source-component>
    </div>

@endsection
@section('script')
    @include('backend.layouts.script')
@endsection