first commit, after modifying client section
This commit is contained in:
Kwesi Banson
109
public/dashboard_assets/css/dashboard-default.css
vendored
Executable file
109
public/dashboard_assets/css/dashboard-default.css
vendored
Executable file
@@ -0,0 +1,109 @@
|
||||
body {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.feather {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
header.navbar {
|
||||
height: 48px;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
#sidebarMenu {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
/*
|
||||
* Sidebar
|
||||
*/
|
||||
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
/* rtl:raw:
|
||||
right: 0;
|
||||
*/
|
||||
bottom: 0;
|
||||
/* rtl:remove */
|
||||
left: 0;
|
||||
z-index: 100; /* Behind the navbar */
|
||||
padding: 48px 0 0; /* Height of navbar */
|
||||
/* box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1); */
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.sidebar {
|
||||
top: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-sticky {
|
||||
position: relative;
|
||||
top: 0;
|
||||
height: calc(100vh - 48px);
|
||||
padding-top: 0.5rem;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
|
||||
}
|
||||
|
||||
.sidebar .nav-link {
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.sidebar .nav-link .feather {
|
||||
margin-right: 4px;
|
||||
color: #727272;
|
||||
}
|
||||
|
||||
.sidebar .nav-link.active {
|
||||
color: #2470dc;
|
||||
}
|
||||
|
||||
.sidebar .nav-link:hover .feather,
|
||||
.sidebar .nav-link.active .feather {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.sidebar-heading {
|
||||
font-size: 0.75rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/*
|
||||
* Navbar
|
||||
*/
|
||||
|
||||
.navbar-brand {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
font-size: 1rem;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.navbar .navbar-toggler {
|
||||
top: 0.25rem;
|
||||
right: 1rem;
|
||||
}
|
||||
|
||||
.navbar .form-control {
|
||||
padding: 0.75rem 1rem;
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.form-control-dark {
|
||||
color: #fff;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.form-control-dark:focus {
|
||||
border-color: transparent;
|
||||
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
131
public/dashboard_assets/css/styles.css
vendored
Executable file
131
public/dashboard_assets/css/styles.css
vendored
Executable file
@@ -0,0 +1,131 @@
|
||||
body {
|
||||
font-family: "Raleway";
|
||||
background: #f8fbfc;
|
||||
}
|
||||
|
||||
.country-status-card {
|
||||
background: #fefefe;
|
||||
box-shadow: 0px 6px 14px rgba(228, 228, 228, 0.6);
|
||||
border-radius: 18px;
|
||||
min-height: 240px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1.3em;
|
||||
margin-bottom: 1.3rem;
|
||||
}
|
||||
.country-status-card .network-statud-card {
|
||||
background: #ffffff;
|
||||
min-height: 124px;
|
||||
box-shadow: 0px 6px 14px rgba(228, 228, 228, 0.6);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0.8em 1.4em;
|
||||
}
|
||||
@media screen and (min-width: 769px) {
|
||||
.country-status-card .network-statud-card.w-auto {
|
||||
width: calc(98% / 2) !important;
|
||||
}
|
||||
}
|
||||
.country-status-card .network-statud-card .network-detail {
|
||||
display: flex;
|
||||
}
|
||||
.country-status-card .network-statud-card .network-detail img {
|
||||
width: 26px;
|
||||
height: 21px;
|
||||
margin-top: 3px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.country-status-card .network-statud-card .network-detail .name {
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
}
|
||||
.country-status-card .network-statud-card .network-detail .time {
|
||||
margin: 0;
|
||||
margin-top: 3px;
|
||||
}
|
||||
.country-status-card .network-statud-card .status-history-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 1em;
|
||||
}
|
||||
.country-status-card .network-statud-card .status-history-row .status-history {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.country-status-card .network-statud-card .status-history-row .status-history .time-status {
|
||||
border-radius: 6px;
|
||||
height: 34px;
|
||||
flex-grow: 1;
|
||||
flex-basis: 90px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 28px;
|
||||
position: relative;
|
||||
}
|
||||
.country-status-card .network-statud-card .status-history-row .status-history .time-status p {
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.country-status-card .network-statud-card .status-history-row .status-history .time-status.up:not(:first-of-type), .country-status-card .network-statud-card .status-history-row .status-history .time-status.down:not(:first-of-type) {
|
||||
margin-left: 4px;
|
||||
}
|
||||
.country-status-card .network-statud-card .status-history-row .status-history .time-status.up::before, .country-status-card .network-statud-card .status-history-row .status-history .time-status.down::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 4px;
|
||||
height: 24px;
|
||||
width: 17px;
|
||||
}
|
||||
.country-status-card .network-statud-card .status-history-row .status-history .time-status.up {
|
||||
background: #edfadd;
|
||||
border: 3px solid rgba(113, 201, 0, 0.23);
|
||||
}
|
||||
.country-status-card .network-statud-card .status-history-row .status-history .time-status.up::before {
|
||||
background: url(../img/on-icon.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.country-status-card .network-statud-card .status-history-row .status-history .time-status.down {
|
||||
background: #ff3a3a;
|
||||
border: 3px solid #fc9f9f;
|
||||
color: #ffffff;
|
||||
}
|
||||
.country-status-card .network-statud-card .status-history-row .status-history .time-status.down::before {
|
||||
background: url(../img/off-icon.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.country-status-card .network-statud-card .status-history-row .more-details {
|
||||
margin-left: 24px;
|
||||
}
|
||||
.country-status-card .network-statud-card .status-history-row .more-details .btn {
|
||||
line-height: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.country-status-card .network-statud-card .availability-tag {
|
||||
padding: 4px 12px;
|
||||
border-radius: 20px;
|
||||
font-size: 0.7rem;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
letter-spacing: 1px;
|
||||
margin: 0;
|
||||
height: 26px;
|
||||
}
|
||||
.country-status-card .network-statud-card .availability-tag.up {
|
||||
background: #71c900;
|
||||
}
|
||||
.country-status-card .network-statud-card .availability-tag.up::before {
|
||||
content: "Available";
|
||||
}
|
||||
.country-status-card .network-statud-card .availability-tag.down {
|
||||
background: #ff3a3a;
|
||||
}
|
||||
.country-status-card .network-statud-card .availability-tag.down::before {
|
||||
content: "Unavailable";
|
||||
}
|
||||
3
public/dashboard_assets/img/next-icon.svg
Executable file
3
public/dashboard_assets/img/next-icon.svg
Executable file
@@ -0,0 +1,3 @@
|
||||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.6962 0.619888H6.4838C2.9166 0.619888 0.790001 2.74649 0.790001 6.31369V14.5163C0.790001 18.0933 2.9166 20.2199 6.4838 20.2199H14.6864C18.2536 20.2199 20.3802 18.0933 20.3802 14.5261V6.31369C20.39 2.74649 18.2634 0.619888 14.6962 0.619888ZM16.9894 10.9393L12.7852 15.1435C12.6382 15.2905 12.452 15.3591 12.2658 15.3591C12.0796 15.3591 11.8934 15.2905 11.7464 15.1435C11.4622 14.8593 11.4622 14.3889 11.7464 14.1047L14.6962 11.1549H4.71C4.3082 11.1549 3.975 10.8217 3.975 10.4199C3.975 10.0181 4.3082 9.68489 4.71 9.68489H14.6962L11.7464 6.73509C11.4622 6.45089 11.4622 5.98049 11.7464 5.69629C12.0306 5.41209 12.501 5.41209 12.7852 5.69629L16.9894 9.90049C17.1266 10.0377 17.205 10.2239 17.205 10.4199C17.205 10.6159 17.1266 10.8021 16.9894 10.9393Z" fill="#292D32"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 883 B |
5
public/dashboard_assets/img/off-icon.svg
Executable file
5
public/dashboard_assets/img/off-icon.svg
Executable file
@@ -0,0 +1,5 @@
|
||||
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.112 0.77456C11.9356 0.598157 11.6475 0.598157 11.4711 0.77456L0.622293 11.6292C0.445889 11.8057 0.445889 12.0938 0.622293 12.2702C0.710494 12.3525 0.822216 12.3995 0.939819 12.3995C1.05742 12.3995 1.16914 12.3525 1.25734 12.2643L12.112 1.40961C12.2943 1.23321 12.2943 0.950964 12.112 0.77456Z" fill="white"/>
|
||||
<path d="M8.02506 1.53418V4.86233L4.70868 8.17871V7.27317H2.89172C2.06851 7.27317 1.83918 6.76748 2.38603 6.15007L6.36687 1.62238L6.83728 1.08729C7.48997 0.346401 8.02506 0.546325 8.02506 1.53418Z" fill="white"/>
|
||||
<path d="M10.3473 6.88972L6.3665 11.4174L5.8961 11.9525C5.2434 12.6934 4.70831 12.4935 4.70831 11.5056V9.9415L8.88319 5.76662H9.84165C10.6649 5.76662 10.8942 6.27231 10.3473 6.88972Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 837 B |
3
public/dashboard_assets/img/on-icon.svg
Executable file
3
public/dashboard_assets/img/on-icon.svg
Executable file
@@ -0,0 +1,3 @@
|
||||
<svg width="9" height="12" viewBox="0 0 9 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.12212 5.12743H6.24924V0.894196C6.24924 -0.0935579 5.69768 -0.29346 5.02489 0.447355L4.54 0.982388L0.436631 5.50959C-0.127053 6.12694 0.109331 6.63257 0.957887 6.63257H2.83077V10.8658C2.83077 11.8536 3.38233 12.0535 4.05512 11.3126L4.54 10.7776L8.64338 6.25041C9.20706 5.63306 8.97068 5.12743 8.12212 5.12743Z" fill="#8AC53E"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 440 B |
6
public/dashboard_assets/img/status-down-icon.svg
Executable file
6
public/dashboard_assets/img/status-down-icon.svg
Executable file
@@ -0,0 +1,6 @@
|
||||
<svg width="26" height="21" viewBox="0 0 26 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M25.1443 11.6265C24.8131 10.5311 24.2654 9.57575 23.5393 8.79875C22.6095 7.74152 21.3739 7.01547 19.9855 6.69703C19.2849 3.5126 17.3233 1.21981 14.5337 0.36638C11.5022 -0.576212 7.98655 0.340904 5.78293 2.64643C3.84679 4.67173 3.20991 7.46129 3.96143 10.4292C1.41389 11.0533 0.152853 13.1805 0.0127377 15.2058C-1.21072e-08 15.3459 0 15.4733 0 15.6007C0 17.9954 1.56674 20.6831 5.05688 20.9378H18.2786C20.0874 20.9378 21.8197 20.2627 23.1444 19.0526C25.2207 17.2311 25.985 14.3906 25.1443 11.6265Z" fill="#FF3A3A"/>
|
||||
<path d="M17.8603 6.13744C17.6802 5.95734 17.3861 5.95734 17.206 6.13744L6.13025 17.2192C5.95015 17.3993 5.95015 17.6934 6.13025 17.8735C6.22029 17.9576 6.33435 18.0056 6.45442 18.0056C6.57448 18.0056 6.68854 17.9576 6.77858 17.8675L17.8603 6.78577C18.0464 6.60568 18.0464 6.31753 17.8603 6.13744Z" fill="white"/>
|
||||
<path d="M13.6879 6.913V10.3108L10.3022 13.6965V12.772H8.44722C7.60678 12.772 7.37266 12.2558 7.93095 11.6254L11.9951 7.00304L12.4753 6.45676C13.1416 5.70037 13.6879 5.90448 13.6879 6.913Z" fill="white"/>
|
||||
<path d="M16.0587 12.3806L11.9946 17.0029L11.5143 17.5492C10.848 18.3056 10.3017 18.1015 10.3017 17.093V15.4962L14.5639 11.234H15.5424C16.3828 11.234 16.617 11.7502 16.0587 12.3806Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
BIN
public/dashboard_assets/img/status-up-icon.png
Executable file
BIN
public/dashboard_assets/img/status-up-icon.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 606 B |
4
public/dashboard_assets/img/status-up-icon.svg
Executable file
4
public/dashboard_assets/img/status-up-icon.svg
Executable file
@@ -0,0 +1,4 @@
|
||||
<svg width="26" height="22" viewBox="0 0 26 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M25.1443 11.8464C24.8131 10.751 24.2654 9.79566 23.5393 9.01866C22.6095 7.96143 21.3739 7.23538 19.9855 6.91694C19.2849 3.73251 17.3233 1.43972 14.5337 0.58629C11.5022 -0.356302 7.98655 0.560814 5.78293 2.86634C3.84679 4.89164 3.20991 7.6812 3.96143 10.6491C1.41389 11.2732 0.152853 13.4004 0.0127377 15.4257C-1.18629e-08 15.5659 0 15.6932 0 15.8206C0 18.2153 1.56674 20.903 5.05688 21.1577H18.2786C20.0874 21.1577 21.8197 20.4826 23.1444 19.2725C25.2207 17.451 25.985 14.6105 25.1443 11.8464Z" fill="#71C900"/>
|
||||
<path d="M15.4521 11.5871H13.5587V7.46046C13.5587 6.49757 13.0011 6.3027 12.321 7.02487L11.8308 7.54643L7.6826 11.9597C7.11275 12.5615 7.35172 13.0544 8.20955 13.0544H10.1029V17.181C10.1029 18.1439 10.6605 18.3388 11.3406 17.6166L11.8308 17.0951L15.979 12.6818C16.5489 12.08 16.3099 11.5871 15.4521 11.5871Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 948 B |
Reference in New Issue
Block a user