dashboard file manager command php exec

name	type	size	perms	modified	actions
[parent directory]
app.css	file	3,915 B	0664	2026-09-10 13:06:30	edit

editing: app.css

@import "tailwindcss";

@theme {
    /* Daftarkan Plus Jakarta Sans sebagai font utama */
  --font-sans: "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif;
  
    /* Warna sesuai gambar */
  --color-brand-bg: #EAE5DA;
  --color-brand-dark: #383837;
  --color-brand-primary: #9A6D17;
  --color-brand-button: #C34C1E; /* Warna orange bata sesuai gambar */

--animate-pulse: skeleton-pulse 1.8s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}

/* Custom Scrollbar Sidebar/Table agar clean */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #e2e8f0;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #cbd5e1;
}

/* Pattern background untuk sisi kiri sesuai gambar */
@utility bg-custom-pattern {
  background-color: #383837;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%234a4a49' fill-opacity='0.3'%3E%3Cpath d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h40v40H40V0zM0 40h40v40H0V40z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Pastikan body menggunakan font tersebut */
@layer base {
  body {
    @apply font-sans antialiased;
  }
}

@layer components {
    .btn-primary {
        @apply flex items-center gap-2 bg-[#C34C1E] text-white px-6 py-3 rounded-2xl font-bold hover:brightness-110 active:scale-95 transition-all shadow-lg shadow-orange-200;
    }

.search-input {
        @apply w-full pl-10 pr-4 py-2.5 bg-white border border-gray-100 rounded-2xl focus:ring-2 focus:ring-orange-200 outline-none transition-all text-sm;
    }

.status-active {
        @apply px-3 py-1 rounded-full text-[9px] font-black uppercase tracking-widest bg-green-100 text-green-700;
    }

.status-inactive {
        @apply px-3 py-1 rounded-full text-[9px] font-black uppercase tracking-widest bg-red-100 text-red-700;
    }

.status-warning {
        @apply px-3 py-1 rounded-full text-[9px] font-black uppercase tracking-widest bg-yellow-100 text-yellow-700;
    }

.action-btn {
        @apply p-2 rounded-xl transition-all active:scale-90 !cursor-pointer !inline-flex !items-center !justify-center;
    }
    
    .form-group {
        @apply space-y-2 mb-5;
    }
    
    .label-custom {
        @apply text-[13px] font-bold text-gray-700 ml-1 tracking-tight;
    }

.input-custom {
        @apply w-full rounded border-gray-100 bg-gray-50/80 px-4 py-2.5 
               text-gray-800 placeholder:text-gray-300
               focus:ring-4 focus:ring-orange-100 focus:border-orange-400 
               focus:bg-white outline-none transition-all duration-300 mt-4;
    }

.input-readonly {
        @apply bg-gray-100 border-transparent text-gray-400 cursor-not-allowed;
    }
}

/* Membuat header bisa diklik (pointer) */
.flutter-datatable :deep(.bh-table-header th.bh-sortable) {
    @apply cursor-pointer select-none hover:bg-gray-100/50 transition-colors;
}

/* Tambahkan indikator sort manual jika icon bawaan hilang */
.flutter-datatable :deep(.bh-table-header th.bh-sortable .bh-content) {
    @apply flex items-center gap-2;
}

.flutter-datatable :deep(.bh-table-header th.bh-sortable .bh-content::after) {
    content: '↕';
    @apply text-[10px] opacity-30 ml-auto;
}

.form-input-modern {
    @apply w-full rounded-2xl border-gray-200 focus:border-orange-500 focus:ring-orange-500 transition-all;
}

.expand-enter-active,
.expand-leave-active {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); /* Lebih smooth bouncy */
  max-height: 500px;
  opacity: 1;
}

.expand-enter-from,
.expand-leave-to {
  max-height: 0;
  opacity: 0;
  transform: scaleY(0.95); /* Efek sedikit mengecil saat menutup */
}

.Vue-Toastification__container {
    z-index: 999999 !important;
}

cancel

Gerakan Sehat Bermanfaat – Muhajir Project Peduli

Sedekah 10 Ribu

Gerakan Sehat Bermanfaat

Gerakan Sehat Bermanfaat

Gerakan Sehat Bermanfaat

Gerakan Sehat Bermanfaat

Gerakan Sehat Bermanfaat

Deskripsi Program

Sehat adalah nikmat, dan kita bisa mensyukuri ini dengan menjaga kesehatan serta menebar manfaat untuk sesama. Salah satunya dengan menjadi bagian dari Gerakan Sehat Bermanfaat. Bergabung menjadi peserta, atau bersedekah untuk meluaskan manfaat program ini.

Apa Saja Kegiatannya?
1. Khitan Massal
2. Donor Darah
3. Pelayanan Kesehatan Gratis
4. Kacamata Ilmu

Dengan sedekah kecil yang rutin, kita ikut menjaga kesehatan, memberikan manfaat, dan mendukung banyak saudara kita yang berjuang untuk sehat.

Akad Program
1. Sifat akad adalah wakalah, di mana dana yang diserahkan kepada Yayasan Muhajir Peduli Indonesia akan dikelola dan digunakan untuk menyelenggarakan program Gerakan Sehat Bermanfaat, sesuai dengan kemaslahatan yang paling utama.
2. Pemanfaatan donasi yang terkumpul insyaa Allah sudah meliputi semua biaya operasional yang dibutuhkan untuk penyelenggaraan program, serta biaya perluasan komunikasi program ini kepada publik.

Langkah 1 / 2

Informasi Donatur

Lengkapi data singkatmu untuk konfirmasi dan bukti penyaluran sedekah.

Kamu akan bersedekah untuk program:

Gerakan Sehat Bermanfaat

Nama lengkap * Name Required

Email * Email Required

No. Telepon * Phone Required

Ingatkan saya untuk sedekah Rp10.000 via email.

Terkumpul

Target

Tentukan Nominal Sedekahmu

Sedekah berapa pun nominalnya, semoga berkah.

⁠Kamu akan bersedekah untuk program:

Gerakan Sehat Bermanfaat

⁠Masukkan Nominal Sedekah *

Pilih Nominal Sedekah *

Terkumpul

Target