@chemllei0304/prisma 1.0.0 → 2026.10.26-b

package/css/borders.css

@@ -21,3 +21,7 @@
 .rounded {
   border-radius: 5px;
 }
+
+.border-0 {
+  border: none !important;
+}

package/css/buttons.css

@@ -2,15 +2,21 @@
   background-color: transparent;
   color: var(--btn-color);
   border: 0.5px solid var(--btn-color);
-  border-radius: 5px;
-  padding: 4px 20px;
+  padding-inline: 12px;
+  height: 30px;
   letter-spacing: 2px;
-  transition: background-color 0.25s;
+  transition: background-color 0.5s;
   cursor: pointer;
+  border-radius: 4px;
+}
+
+.btn > {
+  margin-block: auto;
 }
 
 .btn:hover,
-.btn.active {
+.btn.active,
+.active .btn {
   background-color: var(--btn-color);
   color: var(--btn-hover-txt);
 }
@@ -108,32 +114,36 @@
 
 .dropdown {
   position: relative;
+  display: inline-block;
 }
 
 .dropdown-item {
   cursor: pointer;
-  padding: 5px 15px;
+  padding-inline: 12px;
   letter-spacing: 1.5px;
+  display: block;
+  line-height: 30px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  transition: background-color 0.5s;
 }
 
 .dropdown-item.active,
 .dropdown-item:hover {
   background-color: var(--btn-color);
   color: var(--btn-hover-txt);
-  border-radius: 3px;
 }
 
 .dropdown-menu {
   position: absolute;
   display: none;
-  width: 200px;
-  border: 0.5px solid var(--primary-txt);
-  max-height: 100px;
+  max-height: 400px;
+  max-width: 300px;
   overflow-y: auto;
-  border-radius: 5px;
-  padding: 4px;
-  margin: 1px;
   z-index: 99;
+  border: 0.5px solid;
+  border-radius: 5px;
   background-color: var(--primary-bg);
 }
 
@@ -141,14 +151,31 @@
   display: block;
 }
 
-/* .dropdown :not(.dropdown) */
-
 ::-webkit-scrollbar {
   background-color: transparent;
   width: 2px;
   height: 2px;
 }
+
 ::-webkit-scrollbar-thumb {
   background-color: var(--btn-color);
   cursor: pointer;
 }
+
+.dropdown-toggle::after {
+  content: "\25BE";
+  font-size: 0.75rem;
+  margin-left: 9px;
+  vertical-align: 0.15em;
+}
+
+.badge {
+  padding: 3px 15px;
+  border: 0.5px solid var(--btn-color);
+  color: var(--btn-color);
+  background-color: transparent;
+  border-radius: 20px;
+  font-size: small;
+  font-weight: lighter;
+  letter-spacing: 1px;
+}

package/css/card.css

@@ -1,6 +1,6 @@
 .card {
-  padding: 5px 30px;
-  /* margin-bottom: 2px; */
+  margin-bottom: 2px;
+  transition: background-color 0.5s;
 }
 
 .card:hover,
@@ -9,5 +9,4 @@
   color: var(--btn-hover-txt);
   cursor: pointer;
   border-radius: 5px;
-  font-weight: bold;
 }

package/css/colors.css

@@ -1,6 +1,6 @@
 :root,
 html[data-theme="light"] {
-  --black: #252525;
+  --black: #363636;
   --white: #cfc9c9;
   --red: #fd4747;
   --orange: #e08422;

package/css/font.css

@@ -1,6 +1,6 @@
 .font-sm,
 .font-sm * {
-  font-size: 0.75rem;
+  font-size: 0.85rem;
 }
 
 .font-lg,

package/css/icons.css

@@ -0,0 +1,27 @@
+.plus-icon::before {
+  content: "\002B";
+}
+
+.moon-icon::before {
+  content: "\23FE";
+}
+
+.sun-icon::before {
+  content: "\2600";
+}
+
+.pencil-icon::before {
+  content: "\270E";
+}
+
+.star-icon::before {
+  content: "\2606";
+}
+
+.star-fill-icon::before {
+  content: "\2605";
+}
+
+.folder-icon::before {
+  content: "\233E";
+}

package/css/input.css

@@ -2,7 +2,8 @@
   background-color: transparent;
   color: var(--primary-txt);
   border: 0.5px solid var(--primary-txt);
-  padding: 4px 10px;
+  padding-inline: 12px;
+  min-height: 30px;
   border-radius: 5px;
   outline: none;
 }
@@ -11,5 +12,4 @@
   letter-spacing: 2px;
   opacity: 50%;
   color: var(--primary-txt);
-  /* font-size: 0.9rem; */
 }

package/css/layout.css

@@ -19,6 +19,10 @@
   margin-inline: auto;
 }
 
+.flex.center > * {
+  margin: auto;
+}
+
 .w-25 {
   width: 25%;
 }
@@ -72,3 +76,35 @@
   height: 100vh;
   overflow-y: auto;
 }
+
+.w-10 {
+  width: 10%;
+}
+
+.w-20 {
+  width: 20%;
+}
+
+.w-30 {
+  width: 30%;
+}
+
+.w-40 {
+  width: 40%;
+}
+
+.w-60 {
+  width: 60%;
+}
+
+.w-70 {
+  width: 70%;
+}
+
+.w-80 {
+  width: 80%;
+}
+
+.w-90 {
+  width: 90%;
+}

package/css/spacing.css

@@ -28,8 +28,52 @@
   margin: var(--space-5);
 }
 
+.gap-x-1 > * {
+  margin-inline: var(--space-1);
+}
+
+.gap-x-2 > * {
+  margin-inline: var(--space-2);
+}
+
+.gap-x-3 > * {
+  margin-inline: var(--space-3);
+}
+
+.gap-x-4 > * {
+  margin-inline: var(--space-4);
+}
+
+.gap-x-5 > * {
+  margin-inline: var(--space-5);
+}
+
+.gap-y-1 > * {
+  margin-block: var(--space-1);
+}
+
+.gap-y-2 > * {
+  margin-block: var(--space-2);
+}
+
+.gap-y-3 > * {
+  margin-block: var(--space-3);
+}
+
+.gap-y-4 > * {
+  margin-block: var(--space-4);
+}
+
+.gap-y-5 > * {
+  margin-block: var(--space-5);
+}
+
 /* margins */
 
+.m-0 {
+  margin: 0;
+}
+
 .m-1 {
   margin: var(--space-1);
 }
@@ -172,6 +216,10 @@
 
 /* padding */
 
+.p-0 {
+  padding: 0;
+}
+
 .p-1 {
   padding: var(--space-1);
 }

package/index.css

@@ -9,10 +9,14 @@
 
 * {
   font-family: "Arial";
+  box-sizing: border-box;
   font-size: 1rem;
 }
 
 body {
   background-color: var(--primary-bg);
   color: var(--primary-txt);
+  margin: 0;
+  /* border: 0.5px solid; */
+  height: 100vh;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chemllei0304/prisma",
-  "version": "1.0.0",
+  "version": "2026.10.26b",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },