Add button to edit publications on publication view page.

2024-08-25 12:02:52 +02:00
parent f00fb103ba
commit 4d20d5f8b8
5 changed files with 51 additions and 28 deletions
--- a/frontend/src/app/pages/publication/publication.component.scss
+++ b/frontend/src/app/pages/publication/publication.component.scss
@@ -34,6 +34,7 @@ $cardBorderRadius: .5em;

        header {
            padding: 2em;
+            position: relative;

            h1 {
                font-size: 2em;
@@ -46,6 +47,26 @@ $cardBorderRadius: .5em;
                margin: 0;
                font-weight: 400;
            }
+
+            a {
+                padding: .8em .8em;
+                border-radius: 10em;
+                border: none;
+                background-color: #3f51b5;
+                color: white;
+                transition: background-color .2s ease-in-out;
+                position: absolute;
+                top: -1.5em;
+                right: 3em;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+                &:hover {
+                    background-color: #5b6ed8;
+                    cursor: pointer;
+                }
+            }
        }

        main {