Skip to content

Commit

Permalink
linux moment
Browse files Browse the repository at this point in the history
  • Loading branch information
@KraXen72
KraXen72 committed Jan 3, 2025
1 parent e33c72f commit 663a8ed
Show file tree
Hide file tree
Showing 4 changed files with 4,576 additions and 4,049 deletions.
2 changes: 2 additions & 0 deletions mise.toml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
[tools]
pnpm = "latest"
59 changes: 59 additions & 0 deletions multiselect_dummy.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=`, initial-scale=1.0">
<title>MultiSelect</title>
</head>
<body>
<div class="multisel-parent">
<label for=""><input type="checkbox" name="" id="">Free for All</label>
<label for=""><input type="checkbox" name="" id="">Team Deathmatch</label>
<label for=""><input type="checkbox" name="" id="">Hardpoint</label>
<label for=""><input type="checkbox" name="" id="">Free for All</label>
<label for=""><input type="checkbox" name="" id="">Team Deathmatch</label>
<label for=""><input type="checkbox" name="" id="">Hardpoint</label>
<label for=""><input type="checkbox" name="" id="">Free for All</label>
<label for=""><input type="checkbox" name="" id="">Team Deathmatch</label>
<label for=""><input type="checkbox" name="" id="">Hardpoint</label>
<label for=""><input type="checkbox" name="" id="">Free for All</label>
<label for=""><input type="checkbox" name="" id="">Team Deathmatch</label>
<label for=""><input type="checkbox" name="" id="">Hardpoint</label>
<label for=""><input type="checkbox" name="" id="">Free for All</label>
<label for=""><input type="checkbox" name="" id="">Team Deathmatch</label>
<label for=""><input type="checkbox" name="" id="">Hardpoint</label>
</div>
<style>
.multisel-parent {
display: grid;
grid-template: repeat(3, 1fr) / repeat(5, 1fr);
gap: .2rem;

background: #232323;
padding: .2rem;
border-radius: 10px;
}
.multisel-parent label {
padding: .2rem;
border-radius: 5px;
background: #393939;
color: #a3a5aa;
position: relative;
}
.multisel-parent label input::after {
content: "";
background: transparent;
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 5px;
}
.multisel-parent label input:checked::after {
background-color: rgba(0, 128, 0, 0.466);
}
</style>
</body>
</html>
1 change: 1 addition & 0 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
"watch": "node esbuilder.js --watch",
"dev": "concurrently --kill-others \"node esbuilder.js --watch\" \"electron .\"",
"testbuild": "pnpm run build && electron .",
"testbuild-nv": "pnpm run build && env __NV_PRIME_RENDER_OFFLOAD=1 __VK_LAYER_NV_optimus=NVIDIA __GLX_VENDOR_LIBRARY_NAME=nvidia electron .",
"dist": "pnpm run build && electron-builder",
"release": "pnpm run build && electron-builder --publish always",
"lint": "eslint .",
Expand Down
Loading

0 comments on commit 663a8ed

Please sign in to comment.