|
|
@@ -313,6 +313,39 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
width: fit-content;
|
|
|
display: flex;
|
|
|
}
|
|
|
+.destination_boxes {
|
|
|
+ display: flex;
|
|
|
+ flex-flow: wrap;
|
|
|
+ padding: 12px 12px 0;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+.destination_boxes .box {
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ border-radius: 0.25rem;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 15px 15px 0;
|
|
|
+ border: solid 1px #d8e2e7;
|
|
|
+ cursor: pointer;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.destination_boxes .box .flag_country {
|
|
|
+ line-height: 15px;
|
|
|
+}
|
|
|
+.destination_boxes .box .flag_country img {
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ border-radius: 100%;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-bottom: 4px;
|
|
|
+}
|
|
|
+.destination_boxes .box:hover {
|
|
|
+ background: #dfe2e6;
|
|
|
+ transition: 1s;
|
|
|
+}
|
|
|
</style>
|
|
|
<body>
|
|
|
<header id="" class="site-header">
|
|
|
@@ -660,7 +693,51 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
</div>
|
|
|
</div><!--end teb pane-->
|
|
|
<div class="tab-pane fade p-2 rounded" id="config" role="tabpanel" aria-labelledby="configuration" style="height: 100vh;">
|
|
|
- <h6>Configuration</h6>
|
|
|
+ <div class="col-md-12">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-4 bg-white rounded p-2 ms-2" style="width:25%;">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <h6 style="padding: 13px 10px 0px; margin-bottom: 0px;">Department</h6>
|
|
|
+ <div class="mb-2">
|
|
|
+ <div class="form-icon position-relative p-2" style="display: flex;">
|
|
|
+ <input type="text" class="form-control" placeholder="" name="" required="">
|
|
|
+ <button class="btn btn2" style="margin-left: -3.4rem; border-radius: 0px 6px 6px 0px">Add</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="left mb-2">
|
|
|
+ <div>
|
|
|
+ <div class="single_glance_row mt-5" style="border-bottom: 1px solid #e8eef1;">
|
|
|
+ <span class="title" style="font-size:11px; font-weight: 600;">Math</span>
|
|
|
+ </div>
|
|
|
+ <div class="single_glance_row mt-1" style="border-bottom: 1px solid #e8eef1;">
|
|
|
+ <span class="title" style="font-size:11px; font-weight: 600;">English</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div><!--end col-->
|
|
|
+ <div class="col-md-8 bg-white rounded p-2 ms-2">
|
|
|
+ <div class="row">
|
|
|
+ <div class="destination_boxes">
|
|
|
+ <div class="box country">
|
|
|
+ <div class="flag_country">
|
|
|
+ <img src="{{ asset('web/images/au.svg') }}" alt="">
|
|
|
+ <strong style="font-size: 12px;">Australia</strong>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="box add_destination open_modal_page" data-url="{{route('modal-get',['name'=>'add_destination'])}}">
|
|
|
+ <div class="flag_country">
|
|
|
+ <i class="fa fa-plus" style="display: block; margin-bottom: 12px; color: #818084;"></i>
|
|
|
+ <strong style="font-size: 12px;">Add / Remove</strong>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div><!--end teb pane-->
|
|
|
</div><!--end tab content-->
|
|
|
</div><!--end col-->
|
