client advancements

1 files changed, 44 insertions, 0 deletions

diff --git a/client/src/components/entry.css b/client/src/components/entry.css
new file mode 100644
index 0000000..e76d6a9
--- /dev/null
+++ b/client/src/components/entry.css
@@ -0,0 +1,44 @@
+.entry {
+	display: flex;
+	width: 100%;
+	gap: 5px;
+
+	button {
+		display: 0;
+		background: none;
+		border: none;
+		cursor: pointer;
+		font-weight: bold;
+
+		opacity: 0;
+	}
+
+	.text {
+	white-space: pre-wrap;
+		border: 0;
+		width: 100%;
+		padding: 5px;
+	}
+	.text:focus {
+		border: 0;
+		outline: 0;
+
+		background-color: #f9f9f9;
+	}
+
+	.text:empty:focus::before {
+		content: "write something...";
+		opacity: .3;
+		font-style: italic;
+	}
+}
+
+.entry:hover {
+	button {
+		opacity: .3;
+	}
+
+	button:hover {
+		opacity: .5;
+	}
+}