kushal.saha
1c84a162ac
- overhaul the interviewer panel setup for more compact design - assesment scheduling is now in a drawer - replaced emojies with icon in candidate panel
26 lines
1.8 KiB
PHP
26 lines
1.8 KiB
PHP
<div id="drawing-modal" class="fixed top-[70px] right-[360px] w-[550px] h-[420px] bg-slate-900 border-2 border-cyan-500 rounded-2xl shadow-2xl hidden flex-col z-50 overflow-hidden">
|
|
<div class="bg-slate-800 px-4 py-2.5 flex justify-between items-center border-b border-white/10">
|
|
<div class="font-bold text-xs text-white flex items-center gap-2">
|
|
<i class="fa-solid fa-pen-ruler text-cyan-400"></i>
|
|
<span>Candidate Live Drawing Board</span>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<input type="color" id="draw-color" value="#38bdf8" class="w-6 h-6 border-none rounded-full cursor-pointer bg-transparent">
|
|
<button type="button" onclick="clearCanvasDraw()" class="px-2.5 py-1 text-[11px] font-semibold bg-white/10 hover:bg-white/20 text-white rounded-md border border-white/10 cursor-pointer transition-colors flex items-center gap-1">
|
|
<i class="fa-solid fa-eraser text-[10px]"></i>
|
|
<span>Clear</span>
|
|
</button>
|
|
<button type="button" onclick="toggleDrawingModal()" class="w-6 h-6 rounded-md bg-slate-700/60 hover:bg-slate-700 text-slate-300 hover:text-white flex items-center justify-center cursor-pointer text-xs transition-colors">
|
|
<i class="fa-solid fa-xmark"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1 bg-[#050811] relative">
|
|
<canvas id="drawing-canvas" width="550" height="340" class="cursor-crosshair block w-full h-full"></canvas>
|
|
</div>
|
|
<div class="px-3 py-1.5 bg-slate-900 text-[10.5px] text-cyan-400 text-right border-t border-white/5 font-medium flex items-center justify-end gap-1.5">
|
|
<i class="fa-solid fa-diagram-project text-[10px]"></i>
|
|
<span>Draw architecture / logic diagrams (Auto-synced to Interviewer)</span>
|
|
</div>
|
|
</div>
|