Erik/DataDash
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

basic implementation of add button

Browse Source
This commit is contained in:
J-Klinke 2024-06-17 15:11:16 +02:00
parent b3f5c43a94
commit 5a682e1800
2 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/main/resources/static/main.css
View File

@ -7,11 +7,13 @@
--min-card-size: 60ch; --min-card-size: 60ch;
--corner-radius: 1rem; --corner-radius: 1rem;
font-size: 12pt; font-size: 12pt;
font-family: sans-serif;
} }
body { body {
background-color: var(--bg-color, black); background-color: var(--bg-color, black);
color: var(--text-color, white); color: var(--text-color, white);
margin: 0;
} }
main { main {
@ -26,6 +28,13 @@ header {
margin-inline: .75rem; margin-inline: .75rem;
} }
#add-btn {
position: fixed;
top: 0;
left: 0;
z-index: 1;
}
#tool-bar { #tool-bar {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

4
src/main/resources/templates/index.html
View File

@ -7,6 +7,10 @@
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css">
</head> </head>
<body> <body>
<svg id="add-btn" width="100" height="100">
<polygon onclick="console.log('ahhhh')" points="0, 0, 0, 100, 100, 0" fill="yellow" />
<text x="25" y="25" >+</text>
</svg>
<main> <main>
<header> <header>
<h1>Welcome to DataDash</h1> <h1>Welcome to DataDash</h1>