Option to copy the glink for client

2023-06-12 00:56:09 -05:00
parent a8b8883b11
commit 2747fd5b76
5 changed files with 142 additions and 24 deletions
--- a/public/css/response.css
+++ b/public/css/response.css
@@ -0,0 +1,51 @@
+.tooltip {
+    position: relative;
+    display: inline-block;
+    color: yellow;
+}
+
+.tooltip .tooltiptext {
+    visibility: hidden;
+    width: 140px;
+    background-color: #555;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px;
+    position: absolute;
+    z-index: 1;
+    bottom: 150%;
+    left: 50%;
+    margin-left: -75px;
+    opacity: 0;
+    transition: opacity 0.3s;
+}
+
+.tooltip .tooltiptext::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: #555 transparent transparent transparent;
+}
+
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+    opacity: 1;
+}
+
+.para {
+    display: inline-block;
+    font-family: futura;
+    font-size: large;
+    color: green;
+}
+.textbox {
+    font-family: futura;
+    font-size: large;
+    color: green;
+    text-align: center;
+}