mirror of
https://github.com/wailsapp/wails.git
synced 2025-05-07 03:50:59 +08:00
33 lines
1.0 KiB
HTML
33 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
height: 100%;
|
|
}
|
|
|
|
.quarter {
|
|
flex: 50%; /* This will cause elements to take up 50% of the container's width, causing them to wrap into 4 equal sections. */
|
|
box-sizing: border-box; /* This makes the padding part of the element's total width and height, ensuring they don't exceed 50%. */
|
|
padding: 20px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="quarter" style="background-color: lightblue; --webkit-app-region: drag">Draggable</div>
|
|
<div class="quarter" style="background-color: lightgreen;">Not Draggable</div>
|
|
<div class="quarter" style="background-color: lightpink;">Not Draggable</div>
|
|
<div class="quarter" style="background-color: lightyellow; --webkit-app-region: drag">Draggable</div>
|
|
</div>
|
|
</body>
|
|
</html>
|