From ec5e9d65f9ddc5f5c8f0e9d5abc721cbbff986ec Mon Sep 17 00:00:00 2001
From: Eunice Sarah Siregar <13521013@mahasiswa.itb.ac.id>
Date: Fri, 6 Oct 2023 19:09:00 +0700
Subject: [PATCH] refactor: artikel css
---
src/public/css/artikel.css | 67 +++++++++++++++++++++++++++++++++++++-
1 file changed, 66 insertions(+), 1 deletion(-)
diff --git a/src/public/css/artikel.css b/src/public/css/artikel.css
index 73390f6..52f9558 100644
--- a/src/public/css/artikel.css
+++ b/src/public/css/artikel.css
@@ -255,4 +255,69 @@ section{
justify-content: center;
margin-top: 400px;
padding-top: 200px;
-}
\ No newline at end of file
+}
+
+.add-article-button {
+ position: fixed;
+ bottom: 20px;
+ right: 20px;
+ background-color: #FD6B39;
+ color: #FAF9F4;
+ font-weight: bold;
+ padding: 10px 20px;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+}
+
+/* Style for the overlay */
+.overlay {
+ display: none;
+ position: fixed;
+ z-index: 1;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.overlay-content {
+ position: absolute;
+ background-color: #FAF9F4;
+ padding: 20px;
+ border: 1px solid #FD6B39;
+ border-radius: 5px;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+
+/* Style for the close button */
+.close-overlay-button {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ color: #FD6B39;
+ font-size: 20px;
+ font-weight: bold;
+ cursor: pointer;
+}
+
+.overlay-content input[type="text"],
+ .overlay-content input[type="file"],
+ .overlay-content textarea {
+ width: 100%;
+ padding: 10px;
+ margin-bottom: 10px;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ font-size: 16px;
+ outline: none;
+ }
+
+ /* Style the textarea separately */
+ .overlay-content textarea {
+ resize: vertical; /* Allow vertical resizing of textarea */
+ min-height: 150px; /* Set a minimum height for the textarea */
+ }
\ No newline at end of file
--
GitLab