PHP LAB FULL

📁 File Manager

📍 / / home / u449181296 / domains / birulogi.smakpbaleendah.sch.id / public_html / lms / tukang-ngatur / assets / img / qr-logos

/home/u449181296/domains/birulogi.smakpbaleendah.sch.id/public_html/lms/tukang-ngatur/assets/img/qr-logos

Name	Size	Date	CHMOD	Action
— FILE —
logo_1773801405.php	6.73 KB	2026-03-18 02:36	644 (rw-r--r--)	Edit \| Rename \| Preview \| Del

Edit

/* 1. IMPORT & TAILWIND */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700;1000&display=swap');
@import "tailwindcss";
@import "croppie/croppie.css";

/* 2. SUMBER BERKAS (Kunci Perbaikan) */
/* Pastikan ini naik ke folder resources, lalu ke views */
@source "../../resources/views/**/*.blade.php";
/* Tambahkan ini jika ada file JS yang mengandung class Tailwind */
@source "../../resources/js/**/*.js";

/* 3. THEME CONFIGURATION */
@theme {
    /* Font Global adalah Quicksand */
    --font-sans: 'Quicksand', sans-serif;
    --color-primary-emerald: #10b981;
}

/* 4. BASE STYLES (GAYA GLOBAL DI ATAS) */
@layer base {
    html, body { 
        height: 100%; margin: 0; 
        -webkit-tap-highlight-color: transparent;
        /* Pondasi utama: Semua halaman pakai Quicksand */
        font-family: 'Quicksand', sans-serif !important;
    }
    body { 
        @apply transition-colors duration-300;
        overflow-x: hidden;
    }
    
    /* Scrollbar Global */
    .no-scrollbar::-webkit-scrollbar { display: none; }
    .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
}

@layer components {    
    
    /* =========================================
       ZONA KHUSUS WHATSAPP (FIXED & GACOR)
       ========================================= */
    .zona-wa {
        --bg-body: #d1c7bc;
        --bg-chat: #efeae2;
        --bg-header: #075e54;
        --bg-bubble: #ffffff;
        --text-bubble: #111b21;
        --doodle-op: 1; /* Dikecilkan sedikit agar doodle elegan */
        --doodle-inv: 0;
        font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    }

.dark .zona-wa {
        --bg-body: #0b141a;
        --bg-chat: #0b141a;
        --bg-header: #202c33;
        --bg-bubble: #202c33;
        --text-bubble: #e9edef;
        --doodle-op: 0.15;
        --doodle-inv: 1;
    }

/* 1. Layout Dasar */
    .zona-wa .app-container { 
        display: flex; flex-direction: column; height: 100dvh; width: 100%; 
        background-color: var(--bg-body); position: fixed; top: 0; left: 0;
    }

.zona-wa header { 
        background-color: var(--bg-header) !important; color: white !important; 
        padding: 12px 15px; display: flex; align-items: center; gap: 12px; z-index: 100;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

/* 2. Chat Area & Doodle Tetap Full */
    .zona-wa main { 
        flex: 1; overflow-y: auto; position: relative; padding: 15px; 
        display: flex !important; flex-direction: column !important; gap: 8px !important;
        background-color: var(--bg-chat) !important; z-index: 1;
    }

.zona-wa #doodle-kita {
        position: fixed !important; inset: 0 !important;
        background-image: url('https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png') !important;
        background-repeat: repeat !important;
        background-size: 500px !important;                   
        opacity: var(--doodle-op) !important;
        filter: invert(var(--doodle-inv)) !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }

/* 3. Gelembung Chat (Lebar Seragam) */
    .zona-wa .bubble { 
        @apply relative shadow-sm z-10;
        padding: 6px 12px 8px 12px;
        border-radius: 12px;
        line-height: 1.4;
        width: fit-content;
        min-width: 80px; 
        max-width: 85%;
        word-wrap: break-word;
    }

/* Bubble Sistem (Kiri) */
    .zona-wa .bubble-them { 
        align-self: flex-start !important; 
        border-top-left-radius: 2px;
        background-color: var(--bg-bubble);
        color: var(--text-bubble);
        /* KUNCI: Informasi PD punya lebar minimal yang stabil */
        min-width: 280px; 
    }

.zona-wa .bubble-them p, 
    .zona-wa .bubble-them span:not(.judul-wa) {
        /* Biarkan mengikuti warna dasar gelembung */
    }

.zona-wa .bubble-them::before {
        content: ""; position: absolute; left: -8px; top: 0; width: 12px; height: 15px;
        background-color: var(--bg-bubble); clip-path: polygon(100% 0, 0 0, 100% 100%);
    }
    
    /* Pastikan elemen bg-white di dalam bubble tetap punya teks gelap */
    .zona-wa .bubble-them .bg-white p,
    .zona-wa .bubble-them .bg-white span {
        color: #111b21 !important;
    }
    
    /* Bubble Peserta (Kanan) */
    .zona-wa .bubble-me { 
        align-self: flex-end !important; 
        border-top-right-radius: 2px;
        background-color: #dcf8c6 !important; /* Warna Hijau WA Terang */
        color: #111b21 !important;
    }
    .zona-wa .bubble-me::after {
        content: ""; position: absolute; right: -8px; top: 0; width: 12px; height: 15px;
        background-color: #dcf8c6; clip-path: polygon(0 0, 100% 0, 0 100%);
    }

/* Dark Mode Bubble Me */
    .dark .zona-wa .bubble-me { background-color: #005c4b !important; color: #e9edef !important; }
    .dark .zona-wa .bubble-me::after { background-color: #005c4b; }

/* 4. Scrollbar WA Style */
    .zona-wa main::-webkit-scrollbar { width: 6px; }
    .zona-wa main::-webkit-scrollbar-thumb { background-color: #00a884; border-radius: 10px; }
    .dark .zona-wa main::-webkit-scrollbar-thumb { background-color: #005c4b; }

/* 5. Footer & Input */
    .zona-wa footer { 
        background-color: #f0f2f5 !important; padding: 10px 15px; display: flex; align-items: center; gap: 10px; 
        border-top: 1px solid rgba(0,0,0,0.05) !important; z-index: 100;
    }
    .dark .zona-wa footer { background-color: #111b21 !important; }

.zona-wa .input-box { 
        @apply flex-1 rounded-full px-4 py-2 flex items-center shadow-sm;
        background-color: white !important;
    }
    .dark .zona-wa .input-box { background-color: #2a3942 !important; }

.zona-wa #userInput, .zona-wa #nisInput { 
        @apply w-full border-none outline-none bg-transparent text-[15px];
        color: #111b21 !important; font-family: inherit !important;
    }
    .dark .zona-wa #userInput, .dark .zona-wa #nisInput { color: #e9edef !important; }

.zona-wa .btn-send { @apply bg-[#00a884] text-white w-11 h-11 rounded-full flex items-center justify-center shadow-lg active:scale-90 transition-all; }
    
    /* 6. Meta Data (Waktu & Ceklis) */
    .zona-wa .status-meta {
        @apply flex items-center gap-1 float-right mt-1 ml-2;
        font-size: 10px; opacity: 0.5;
    }
    .zona-wa .ceklis-biru { color: #53bdeb; font-size: 12px; }
    .zona-wa .judul-wa { @apply font-bold text-[11px] uppercase mb-1 block text-[#075e54] dark:text-[#00a884]; }
}

/* Scrollbar Custom Global */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); }
.dark ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); }

📁 File Manager

Edit

🧪 PHP Preview

🖥 Linux CMD