fix(modal): tambah overflow-hidden di container modal reset & tolak — sudut header gradien kini mengikuti radius container

This commit is contained in:
Novy San87
2026-08-07 12:47:46 +07:00
parent 44fde365d9
commit 0d8c40af40
2 changed files with 2 additions and 2 deletions
+1 -1
View File
@@ -308,7 +308,7 @@
class="fixed inset-0 z-[70] overflow-y-auto" style="display: none;"> class="fixed inset-0 z-[70] overflow-y-auto" style="display: none;">
<div class="flex items-center justify-center min-h-screen px-4 py-6"> <div class="flex items-center justify-center min-h-screen px-4 py-6">
<div class="fixed inset-0 bg-slate-900/50 backdrop-blur-sm" @click="show = false"></div> <div class="fixed inset-0 bg-slate-900/50 backdrop-blur-sm" @click="show = false"></div>
<div class="relative bg-white rounded-3xl shadow-2xl border border-slate-200 w-full max-w-xl mx-4"> <div class="relative bg-white rounded-3xl shadow-2xl border border-slate-200 w-full max-w-xl mx-4 overflow-hidden">
{{-- Header gradien (pola modal premium lain) --}} {{-- Header gradien (pola modal premium lain) --}}
<div class="px-6 py-5 bg-gradient-to-r from-amber-400 to-orange-500 flex items-center justify-between"> <div class="px-6 py-5 bg-gradient-to-r from-amber-400 to-orange-500 flex items-center justify-between">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
@@ -270,7 +270,7 @@
class="fixed inset-0 z-[70] overflow-y-auto" style="display: none;"> class="fixed inset-0 z-[70] overflow-y-auto" style="display: none;">
<div class="flex items-center justify-center min-h-screen px-4 py-6"> <div class="flex items-center justify-center min-h-screen px-4 py-6">
<div class="fixed inset-0 bg-slate-900/50 backdrop-blur-sm" @click="show = false"></div> <div class="fixed inset-0 bg-slate-900/50 backdrop-blur-sm" @click="show = false"></div>
<div class="relative bg-white rounded-3xl shadow-2xl border border-slate-200 w-full max-w-md mx-4"> <div class="relative bg-white rounded-3xl shadow-2xl border border-slate-200 w-full max-w-md mx-4 overflow-hidden">
{{-- Header --}} {{-- Header --}}
<div class="px-6 py-5 border-b border-gray-100 flex items-center justify-between"> <div class="px-6 py-5 border-b border-gray-100 flex items-center justify-between">
<div class="flex items-center gap-3.5"> <div class="flex items-center gap-3.5">