hayun-vite 0.1.0 → 0.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hayun-vite",
   "private": false,
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/Form/Forms.js

@@ -8,7 +8,7 @@ import rasaAudImage from './templates/rasaAud.png'
 // خط کد زیر لازم هست
 import '../fonts/Vazirmatn-Regular.woff2'
 import '../style.css'
- 
+
 // کلاس جدید که فرم‌های مختلف را نمایش میدهد
 export default class Forms {
     constructor({ assets, container } = {}) {
@@ -17,11 +17,11 @@ export default class Forms {
         div.style = 'border: 1px solid brown; margin: 0; padding: 0;'
         container.appendChild(div);
         // اضافه کردن دکمه به دیو فرم
-        let className = 'persian';
-        const btn =[];
+        let className = 'button-form persian';
+        const btn = [];
         btn[0] = this.putButton({ container: div, text: rasaAud.label, className });
         btn[1] = this.putButton({ container: div, text: combo.label, className });
-        const printBtn = this.putButton({ container: div, text: 'Print', id: 'print' });
+        const printBtn = this.putButton({ container: div, text: 'چاپ', className });
 
         // یک دیو تعریف میکنیم که سمت ادیولاگ برای تعریف لیستنر استفاده می‌شود
         this.div = document.createElement('div'); // این بخش فقط شامل بخش اس‌وی‌جی هست
@@ -43,7 +43,7 @@ export default class Forms {
         btn[0].addEventListener('click', () => {
             this.forms[1].form.style.display = 'none'
             btn[1].style.backgroundColor = ' #7472e2'
-             
+
             // this.forms[2].form.style.display = 'none'
             this.forms[0].form.style.display = 'block';
             btn[0].style.backgroundColor = ' #1c15e1'
@@ -102,7 +102,7 @@ export default class Forms {
     }
     // توابع داخلی ایجاد دکمه و لینک های بالای فرم
     putButton({ container, id, text, className }) {
-       
+
         const button = document.createElement('button');
         button.setAttribute('id', id);
         className && button.setAttribute('class', className);

package/src/style.css

@@ -99,7 +99,7 @@ a:hover {
   color: #888;
 } */
 
-button {
+.button-form {
   border-radius: 8px;
   border: 1px solid transparent;
   padding: 0.6em 1.2em;
@@ -114,7 +114,7 @@ button {
 
 }
 
-button:hover {
+.button-form:hover {
   background-color: #1c15e1;
 
   border-color: #fefefe;
@@ -150,41 +150,3 @@ button:focus-visible {
 /* body {
   font-family: vazirmatn;
 } */
-
-
-button1 {
-  background-color: #4CAF50;
-  /* Green background */
-  border: none;
-  /* Remove borders */
-  color: white;
-  /* White text */
-  padding: 15px 32px;
-  /* Some padding */
-  text-align: center;
-  /* Centered text */
-  text-decoration: none;
-  /* Remove underline */
-  display: inline-block;
-  /* Make the button inline */
-  font-size: 16px;
-  /* Increase font size */
-  margin: 4px 2px;
-  /* Add some margin */
-  cursor: pointer;
-  /* Pointer cursor on hover */
-  border-radius: 8px;
-  /* Rounded corners */
-  transition: background-color 0.3s;
-  /* Smooth transition */
-}
-
-button1:hover {
-  background-color: #45a049;
-  /* Darker green on hover */
-}
-
-button1:active {
-  background-color: #3e8e41;
-  /* Even darker green when clicked */
-}