feat(responsive): add responsive

SalamLang · Sep 11, 2024 · 37c41e6 · 37c41e6
1 parent 34d7d1a
commit 37c41e6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/salam-online.html b/salam-online.html
@@ -25,7 +25,7 @@
 					</g>
 				</svg>
 			</button>
-			<button class="execute" disabled="">اجرا
+			<button class="execute" disabled=""><span class="title">اجرا</span>
 				<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 					<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
 					<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#000000"
@@ -37,10 +37,10 @@
 					</g>
 				</svg>
 			</button>
-			<button class="refactor">تمیز کردن
+			<button class="refactor"><span class="title">تمیز کردن</span>
 				<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M11.4096 5.50506C13.0796 3.83502 13.9146 3 14.9522 3C15.9899 3 16.8249 3.83502 18.4949 5.50506C20.165 7.1751 21 8.01013 21 9.04776C21 10.0854 20.165 10.9204 18.4949 12.5904L14.3017 16.7837L7.21634 9.69828L11.4096 5.50506Z" fill="#ffffff"></path> <path d="M6.1557 10.759L13.2411 17.8443L12.5904 18.4949C12.2127 18.8727 11.8777 19.2077 11.5734 19.5H21C21.4142 19.5 21.75 19.8358 21.75 20.25C21.75 20.6642 21.4142 21 21 21H9C7.98423 20.9747 7.1494 20.1393 5.50506 18.4949C3.83502 16.8249 3 15.9899 3 14.9522C3 13.9146 3.83502 13.0796 5.50506 11.4096L6.1557 10.759Z" fill="#ffffff"></path> </g></svg>
 			</button>
-			<button class="save">ذخیره کد
+			<button class="save"><span class="title">ذخیره کد</span>
 				<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 					<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
 					<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
@@ -55,7 +55,7 @@
 				</svg>
 			</button>
 		</div>
-		<a href="https://api.salamlang.ir/auth" class="login">ورود به سایت
+		<a href="https://api.salamlang.ir/auth" class="login"><span class="title">ورود به سایت</span>
 			<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M2.00098 11.999L16.001 11.999M16.001 11.999L12.501 8.99902M16.001 11.999L12.501 14.999" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9.00195 7C9.01406 4.82497 9.11051 3.64706 9.87889 2.87868C10.7576 2 12.1718 2 15.0002 2L16.0002 2C18.8286 2 20.2429 2 21.1215 2.87868C22.0002 3.75736 22.0002 5.17157 22.0002 8L22.0002 16C22.0002 18.8284 22.0002 20.2426 21.1215 21.1213C20.3531 21.8897 19.1752 21.9862 17 21.9983M9.00195 17C9.01406 19.175 9.11051 20.3529 9.87889 21.1213C10.5202 21.7626 11.4467 21.9359 13 21.9827" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"></path> </g></svg>
 		</a>
 	</header>

diff --git a/style/style.css b/style/style.css
@@ -388,4 +388,10 @@ div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm)::a
 .setting-item.active {
 	border: 1px solid #FF6100;
 	box-shadow: 0 0 20px -10px #FF6100;
+}
+
+@media screen and (max-width: 600px) {
+	span.title{
+		display: none;
+	}
 }