وصابيات

المظهر

Tauri ​

المتطلبات ​

من التوثيق

الإضافة لمشروع موجود ​

نضيف "tauri": "tauri", لملف package.json#scripts

  1. pnpm add -D @tauri-apps/cli
  2. pnpm tauri [android] init لتهيئة المشروع
  3. pnpm tauri [android] (dev|build)

للتكامل مع إعدادات المشروع

التصميم على الجوال ​

حدود الشاشة ​

في حال وجود مشكلة في env(safe-area-inset-top, 20px) استخدم إضافة لتوفيرها كمتغيرات CSS

css
body {
  padding:
    env(safe-area-inset-top, 20px)
    env(safe-area-inset-right, 20px)
    env(safe-area-inset-bottom, 20px)
    env(safe-area-inset-left, 20px);
}
html
<meta name="viewport" content="width=device-width,viewport-fit=cover" />

تعطيل النسخ ​

تعطيل نسخ النصوص يوفر تجربة أفضل لمحاكاة تطبيقات الجوال

css
* {
   user-select: none;
}

.selectable {
   user-select: text;
}