ruby/open_explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.0.7: update css.

Browse Source
This commit is contained in:
licsber
2025-08-23 11:58:06 +08:00
parent fc8e687a05
commit 48662878ab
3 changed files with 50 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
app/views/hooks/_view_issues_show_details_bottom.html.erb
View File

@@ -11,36 +11,66 @@
<a href="<%= archive_url %>"
target="_blank"
class="archive-button">
<span class="archive-icon">📂</span> 一键打开
<span class="archive-icon">📂</span>
一键打开
</a>
<% end %>
<style>
.archive-button {
font-weight: 600;
padding: 4px 6px;
background: #333;
color: white !important;
border-radius: 6px;
display: inline-flex;
align-items: center;
gap: 4px;
transition: all 0.3s ease;
font-size: 14px;
position: relative;
overflow: hidden;
font-weight: 600;
padding: 4px 6px;
background: #333;
color: white !important;
border-radius: 8px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease;
font-size: 16px;
position: relative;
overflow: hidden;
text-decoration: none;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
border: none;
cursor: pointer;
}
.archive-button::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: white;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s ease;
}
.archive-button:hover {
transform: translateY(-2px);
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
background: #444;
}
.archive-button:hover::after {
transform: scaleX(1);
transform-origin: left;
}
.archive-button:active {
transform: translateY(1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.archive-icon {
font-size: 16px;
transition: transform 0.3s ease;
font-size: 20px;
transition: transform 0.3s ease;
}
.archive-button:hover .archive-icon {
transform: scale(1.2);
transform: scale(1.2) rotate(10deg);
}
</style>