Oliver/od8n_homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

button

Browse Source
This commit is contained in:
Oliver
2025-07-26 06:51:09 -03:00
parent 0af852ebbd
commit eb7da59c64
2 changed files with 35 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/logo.svg
View File

@@ -3,7 +3,7 @@
<svg version="1.1"
id="svg10" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:svg="http://www.w3.org/2000/svg" inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" sodipodi:docname="odin_ohne_hintergrund.svg"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 593.8 190.2"
style="enable-background:new 0 0 593.8 190.2;" xml:space="preserve">
style="enable-background:new 0 0 594 191;" xml:space="preserve">
<g>
<path d="M65.3,60.9c-36,0-65.3,29-65.3,64.7c0,35.7,29.3,64.7,65.3,64.7c36,0,65.3-29,65.3-64.7C130.6,89.9,101.3,60.9,65.3,60.9z
M65.3,169.4c-24.4,0-44.3-19.7-44.3-43.9c0-24.2,19.9-43.9,44.3-43.9s44.3,19.7,44.3,43.9C109.6,149.7,89.7,169.4,65.3,169.4z"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

37
public/style.css
View File

@@ -315,8 +315,10 @@ footer a:hover {
gap: 8px;
}
#cw-chatToggle img {
width: 120px;
height: 40px;
image-rendering: pixelated;
image-rendering: optimizeQuality;
image-rendering: -webkit-optimize-contrast; /* Chrome */
image-rendering: crisp-edges; /* Fallback */
}
#cw-chatToggle span.text-sm {
font-weight: 500;
@@ -353,8 +355,12 @@ footer a:hover {
padding-bottom: 10px;
}
#cw-chatWidget .logo-container img {
height: 40px;
height: 60px;
user-select: none;
image-rendering: optimizeQuality;
image-rendering: pixelated;
image-rendering: -webkit-optimize-contrast; /* Chrome */
image-rendering: crisp-edges; /* Fallback */
}
/* Header */
@@ -431,3 +437,28 @@ footer a:hover {
margin-right: auto;
text-align: left;
}
.button {
display: inline-block;
padding: 12px 24px;
background-color: #4CAF50; /* Green */
color: white;
text-align: center;
text-decoration: none;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.button:hover {
background-color: #45a049;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}
.button:active {
background-color: #3e8e41;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}