신규 추가 작업 중

This commit is contained in:
2025-05-29 08:46:12 +09:00
parent a117d417f4
commit 2d174d4fd0
34 changed files with 892 additions and 175 deletions

View 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

View File

@@ -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;
}