mirror of
https://github.com/skoelle/icloud-contacts-sync.git
synced 2026-09-17 23:40:24 +00:00
ui: contact detail box layout
This commit is contained in:
@@ -59,7 +59,7 @@
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
top: 136px;
|
top: 136px;
|
||||||
right: 2rem;
|
right: 2rem;
|
||||||
width: 280px;
|
width: 380px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 1rem 1.25rem;
|
padding: 1rem 1.25rem;
|
||||||
@@ -70,17 +70,17 @@
|
|||||||
|
|
||||||
.quicklink-item {
|
.quicklink-item {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 0.75rem;
|
padding: 0.25rem 0.6rem;
|
||||||
background: #f8f9fa;
|
background: #e7f3ff;
|
||||||
border-radius: 6px;
|
|
||||||
color: #0066cc;
|
color: #0066cc;
|
||||||
|
border-radius: 20px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 0.875rem;
|
font-size: 0.8rem;
|
||||||
transition: background 0.15s ease;
|
transition: background 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quicklink-item:hover {
|
.quicklink-item:hover {
|
||||||
background: #e7f3ff;
|
background: #d0e8ff;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user