basic implementation of add button

2024-06-17 15:11:16 +02:00
parent b3f5c43a94
commit 5a682e1800
2 changed files with 13 additions and 0 deletions
--- a/src/main/resources/static/main.css
+++ b/src/main/resources/static/main.css
@@ -7,11 +7,13 @@
    --min-card-size: 60ch;
    --corner-radius: 1rem;
    font-size: 12pt;
+    font-family: sans-serif;
 }

 body {
    background-color: var(--bg-color, black);
    color: var(--text-color, white);
+    margin: 0;
 }

 main {
@@ -26,6 +28,13 @@ header {
    margin-inline: .75rem;
 }

+#add-btn {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1;
+}
+
 #tool-bar {
    display: flex;
    flex-direction: row;
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -7,6 +7,10 @@
    <link rel="stylesheet" href="main.css">
 </head>
 <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>
        <header>
            <h1>Welcome to DataDash</h1>