add "print" button

2025-09-28 22:56:39 -04:00
parent c3d539ffbd
commit 46f416c6b5
2 changed files with 81 additions and 1 deletions
@@ -0,0 +1,43 @@
+.floating-print-btn {
+
+  /* position: fixed;
+  bottom: 24px;
+  right: 24px; */
+  position: absolute;
+
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  background: #f8f9fa;
+  /* border: none; */
+  border: 1px solid #e0e0e0;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+  z-index: 1000;
+}
+
+.floating-print-btn:hover {
+  background: #f0f2f5;
+  transform: translateY(-2px);
+  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.15);
+}
+
+.floating-print-btn:active {
+  background: #f8f9fa;
+  transform: translateY(0);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.floating-print-btn {
+  color: #444444;
+}
+
+@media print {
+  .floating-print-btn {
+    display: none;
+  }
+}