Kursi setiap layar dalam panel bulat di bawah sudut pita

Featurekamo-login
Dikirim
5 September 2026 pukul 18.05 UTC
Penulis
Kamo
Commit
4a6ad5b

Setiap rute sekarang dibuat dalam .kamo-pane: sebuah kartu inset 15px dari peramban tepi dengan radius 14px, bayangan lembut, dan overflow: tersembunyi, sehingga halaman sendiri isi dipotong ke persegi panjang bulat. Panel juga membawa translateZ (0), yang berarti blok berisi untuk 'posisi: fixed' keturunan - tanpa itu bubuk - oleh pil dan jangkar latar belakang Capcha ke viewport dan melarikan diri klip sepenuhnya, yang persis kasus kliping diminta untuk. "Selamat datang kembali!" pita adalah tiga lapisan di sekitar panel itu, memerintahkan dalam .kamo- shell: ekor gelap di belakangnya, panel, kemudian band merah di depan. Band ini diputar 45 derajat searah jarum jam tentang bagian atas kanan sudut diagonal dan Dipotong oleh kotak berlabuh 8px luar sudut itu, sehingga overhangs atas dan tepi kanan dengan tepat 8px, memotong flush dengan kesenjangan. Potongan flush bukan jalan pintas, itu adalah satu-satunya cara untuk memukul 8px. Sebuah band dengan ujung persegi tegak lurus ke dirinya sendiri tidak dapat overhang tepi dengan kurang dari yang tebal sendiri atas root dua - 24px pada sebuah dapat dibaca 34px band, jauh lebih dari 15px gap memiliki ruang untuk. Memotong ujung paralel ke tepi mereka salib menghilangkan overhang dari ketebalan band, dan memberikan kedua tepi yang sama 8px. Ekor mulai lebar band keluar dari sudut sehingga mereka hampir selesai di bawahnya, jalankan sepanjang setiap tepi melalui celah, dan kemudian ditelan oleh Panelnya. Hanya --pita-atas ketebalan setiap ekor yang pernah membersihkan panel, jadi taktik menelan ekor dipotong di dalam strip itu, apa pun yang lebih dalam tidak pernah menunjukkan. Setiap dimensi adalah sifat adat pada: akar, dan seluruh skala perakitan di bawah 640px. Setiap rute berukuran sendiri ke viewport, dan sehingga overflowed panel baru oleh 30px. Setiap akar kini mengisi panel - 100% menggantikan --app-dvh, 100dvh, 100vh dan layar mini - dan aman daerah padding bergerak naik ke panggung, yang adalah di mana inset sekarang diterapkan. Panggung jatuh kembali ke 100dvh untuk rute yang tidak mengukur visual Viewport ke --app-dvh sendiri. Diverifikasi dalam browser pada 1440x900 dan 390x844: panel mengukur 15px dari setiap tepi, kotak klip duduk 8px luar sudut, kedua ekor tanah di mana geometri memprediksi, dan bubuk - oleh pil berisi 16px dalam panel daripada viewport.

Semua perubahan

Seperti apa yang Anda lihat pengiriman?

Semua pembaruan ini secara otomatis mendarat di ruang kerja Anda. Mulai bebas dan menontonnya tumbuh minggu demi minggu.

Mulai Bebas SelamanyaTampilkan Harga