Update layout and notification styles - Move Saved notification next to title, use full page width, remove header gap

This commit is contained in:
Marcus Quinn
2025-03-15 04:42:16 +00:00
parent bae13eb5c6
commit f8bea629f0
2 changed files with 46 additions and 26 deletions

View File

@ -8,7 +8,7 @@
background: #fff;
border-bottom: 1px solid #c3c4c7;
box-shadow: 0 1px 0 rgba(0,0,0,.04);
margin: 0 -20px 20px -20px;
margin: 0 -20px 0 -20px;
padding: 20px;
display: flex;
align-items: center;
@ -133,8 +133,8 @@ input:checked + .wp-toggle-slider:before {
/* Settings Container */
.wpa-settings-container {
padding: 0;
max-width: 1100px;
margin: 0 auto;
max-width: none;
margin: 0;
}
.wpa-settings-content {
@ -379,8 +379,8 @@ input:checked + .wp-toggle-slider:before {
/* Theme Browser */
.theme-browser .theme {
max-width: 1600px;
margin: 0 auto;
max-width: none;
margin: 0;
}
/* Responsive Adjustments */
@ -433,13 +433,16 @@ input:checked + .wp-toggle-slider:before {
/* Settings Notification */
.wp-status {
position: absolute !important;
right: 20px;
top: 50%;
transform: translateY(-50%);
position: relative !important;
display: inline-flex;
align-items: center;
margin-left: 15px;
transform: none;
top: auto;
right: auto;
background: #00a32a;
color: white;
padding: 6px 12px;
padding: 4px 12px;
border-radius: 12px;
font-size: 13px;
font-weight: 500;
@ -453,15 +456,15 @@ input:checked + .wp-toggle-slider:before {
/* Plugin List Container */
.wp-list-table-container {
margin-top: 20px;
max-width: 1600px;
padding: 0;
max-width: none;
padding: 0 20px;
}
/* Theme Container */
#wpa-theme-list {
margin-top: 20px;
max-width: 1600px;
padding: 0;
max-width: none;
padding: 0 20px;
}
.wpa-loading-overlay {