신규 추가 작업 중
This commit is contained in:
5
app/assets/images/svg/svg_valve.svg
Normal file
5
app/assets/images/svg/svg_valve.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.88 117.35" style="enable-background:new 0 0 122.88 117.35" xml:space="preserve">
|
||||
<style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style>
|
||||
<g><path class="st0" d="M79.22,54.41c5.16,3.03,9.06,6.88,11.81,11.19h5.36v36.21h-5.73c-5.72,9.03-15.74,15.53-28.98,15.53 c-13.23,0-23.34-6.5-29.09-15.53h-5.96V65.6h5.91c2.98-4.48,7.25-8.48,12.96-11.58c3.04-1.64,4.88-3.69,4.9-5.53 c0.03-2.33-2.52-4.31-5.26-4.31h-1.36c-3.32,0-6.04-2.72-6.04-6.04l0,0c0-3.32,2.72-6.04,6.04-6.04h7.76l6.1-7.57 c-0.02-0.28-0.04-0.57-0.04-0.87v-9.99H32.87c-3.77,0-6.85-3.08-6.85-6.85l0,0c0-3.76,3.08-6.85,6.85-6.85h58.18 c3.76,0,6.85,3.08,6.85,6.85l0,0c0,3.77-3.08,6.85-6.85,6.85H67.51v9.99c0,0.41-0.03,0.82-0.07,1.21l5.48,7.23h6.67 c3.32,0,6.04,2.72,6.04,6.04l0,0c0,3.32-2.72,5.97-6.04,6.04c-4.57,0.1-6.25,2.06-6.04,4.34C73.91,52.73,76.83,53.01,79.22,54.41 L79.22,54.41z M101.34,65.6h4.2v-8.65c0-1.54,1.26-2.79,2.79-2.79h11.76c1.54,0,2.79,1.26,2.79,2.79v53.51 c0,1.54-1.26,2.79-2.79,2.79h-11.76c-1.54,0-2.79-1.26-2.79-2.79v-8.65h-4.2V65.6L101.34,65.6z M21.67,101.81h-4.33v8.65 c0,1.54-1.26,2.79-2.79,2.79H2.79C1.26,113.25,0,112,0,110.46V56.95c0-1.54,1.26-2.79,2.79-2.79h11.76c1.54,0,2.79,1.26,2.79,2.79 v8.65h4.33V101.81L21.67,101.81z"/></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -9,14 +9,18 @@
|
||||
--color-warning: rgb(255, 202, 40);
|
||||
--color-accept: rgb(121, 134, 203);
|
||||
--color-danger: rgb(239, 83, 80);
|
||||
--color-table-border: rgb(130, 144, 158);
|
||||
--color-table-border: rgb(181, 188, 199);
|
||||
--color-table-background: rgb(226, 228, 234);
|
||||
|
||||
/* theme */
|
||||
--color-logo-color: rgb(21, 128, 120);
|
||||
--color-base-background: rgb(39, 44, 56);
|
||||
--color-base-secondary: rgb(55, 61, 71);
|
||||
--color-base-text: rgb(255, 255, 255);
|
||||
--color-base-border: rgb(77, 84, 102);
|
||||
--color-base-primary: rgb(44, 137, 255);
|
||||
--color-base-background: rgb(242, 244, 248);
|
||||
--color-base-sidebar: rgb(235, 238, 244);
|
||||
--color-base-content: rgb(253, 253, 253);
|
||||
--color-base-third: rgb(201, 208, 210);
|
||||
--color-base-text: rgb(39, 41, 49);
|
||||
--color-base-border: rgb(223, 226, 234);
|
||||
|
||||
--base-font-size: 0.85rem;
|
||||
--text-xs: calc(var(--base-font-size) * 0.75);
|
||||
@@ -53,7 +57,7 @@
|
||||
}
|
||||
|
||||
hr {
|
||||
@apply border-table-border
|
||||
@apply border-base-border
|
||||
}
|
||||
|
||||
.background-pattern {
|
||||
@@ -89,7 +93,7 @@
|
||||
}
|
||||
|
||||
.select-style {
|
||||
@apply block w-full px-2 py-1.5 border border-default-slate/50 rounded-xs text-base-background appearance-none
|
||||
@apply block w-full px-2 py-1.5 border border-default-slate/50 rounded-xs appearance-none
|
||||
}
|
||||
|
||||
.select-style option {
|
||||
@@ -109,7 +113,7 @@
|
||||
@apply w-14 h-8 bg-danger rounded-full peer-checked:bg-notice transition-all duration-300
|
||||
}
|
||||
|
||||
.toggle_btn {
|
||||
.btn-toggle-round {
|
||||
@apply absolute left-1 top-1 w-6 h-6 bg-white rounded-full transition-all duration-300 peer-checked:translate-x-full shadow-sm
|
||||
}
|
||||
}
|
||||
@@ -121,11 +125,11 @@
|
||||
|
||||
.side-bar {
|
||||
/*@apply w-[16rem] pl-4 text-lg font-bold divide-y divide-base-border;*/
|
||||
@apply w-[16rem] pl-4 pr-4 lg:pr-0 text-lg font-bold;
|
||||
@apply w-[16rem] p-4 text-lg font-bold;
|
||||
}
|
||||
|
||||
.content {
|
||||
@apply lg:rounded-lg bg-base-secondary;
|
||||
@apply lg:rounded-lg bg-base-content p-0 lg:p-4
|
||||
}
|
||||
|
||||
.page-title {
|
||||
@@ -148,21 +152,25 @@
|
||||
@apply inline-flex items-center rounded-xs px-2.5 py-1.5 text-sm font-semibold hover:opacity-75 disabled:cursor-not-allowed disabled:opacity-30 disabled:hover:bg-white
|
||||
}
|
||||
|
||||
.btn-toggle-text {
|
||||
@apply bg-logo-color rounded-lg text-white text-center
|
||||
}
|
||||
|
||||
/*Menu*/
|
||||
.menu-group {
|
||||
@apply flex flex-row py-2 px-4 my-4 gap-x-4 justify-between items-center w-full
|
||||
@apply flex flex-row py-1 px-4 my-2 gap-x-4 justify-between items-center w-full
|
||||
}
|
||||
|
||||
.menu-group-active {
|
||||
@apply bg-base-secondary text-white rounded-md;
|
||||
@apply bg-base-primary rounded-full text-base-content;
|
||||
}
|
||||
|
||||
.menu-group:hover {
|
||||
@apply bg-base-secondary text-white transition-colors rounded-md;
|
||||
}
|
||||
/*.menu-group:hover {*/
|
||||
/* @apply bg-base-primary/30 transition-colors rounded-full;*/
|
||||
/*}*/
|
||||
|
||||
.menu-group-icon {
|
||||
@apply py-1 text-sm font-medium justify-center
|
||||
@apply flex py-1 justify-center items-center
|
||||
}
|
||||
|
||||
.menu-group-name {
|
||||
@@ -179,7 +187,7 @@
|
||||
|
||||
/*Dashboard*/
|
||||
.dashboard-group {
|
||||
@apply rounded-md bg-base-background h-32 p-4 flex flex-col justify-between cursor-pointer
|
||||
@apply rounded-md bg-base-background min-h-32 p-4 flex flex-col justify-between cursor-pointer
|
||||
}
|
||||
|
||||
/*Pagy*/
|
||||
@@ -217,15 +225,31 @@
|
||||
|
||||
/*Base Table*/
|
||||
.base-table {
|
||||
@apply min-w-full whitespace-nowrap border border-table-border
|
||||
@apply min-w-full whitespace-nowrap
|
||||
}
|
||||
|
||||
.base-table th {
|
||||
@apply bg-base-background px-2 py-2 text-left font-bold lg:table-cell
|
||||
@apply px-2 py-3 text-left font-bold lg:table-cell
|
||||
}
|
||||
|
||||
.base-table tr {
|
||||
@apply divide-x divide-base-border
|
||||
}
|
||||
|
||||
.base-table td {
|
||||
@apply border-t border-table-border px-2 py-1 lg:table-cell whitespace-nowrap
|
||||
@apply border-t border-base-border px-2 py-1 lg:table-cell whitespace-nowrap
|
||||
}
|
||||
|
||||
/*Base List*/
|
||||
.base-list {
|
||||
@apply overflow-y-auto divide-y divide-base-border lg:border lg:border-base-border lg:rounded-lg
|
||||
}
|
||||
.base-list ul {
|
||||
@apply divide-y divide-base-border lg:rounded-b-lg
|
||||
}
|
||||
|
||||
.base-list li{
|
||||
@apply flex justify-between items-center px-4 py-2 space-x-4
|
||||
}
|
||||
}
|
||||
|
||||
@@ -272,9 +296,8 @@
|
||||
|
||||
/*Fonts*/
|
||||
@font-face {
|
||||
font-family: 'GongGothicMedium';
|
||||
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-family: "Chakra_Petch", sans-serif;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user