Nemcio/CyberPanel
1
0
Fork 0
mirror of https://github.com/usmannasir/cyberpanel.git synced 2025-11-16 02:06:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

update card design

Browse Source
This commit is contained in:
usmannasir
2025-04-05 01:05:57 +05:00
parent 900aadeec2
commit 6a3492ab83
1 changed files with 28 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
websiteFunctions/templates/websiteFunctions/listWebsites.html
View File

@@ -112,14 +112,14 @@
</div> </div>
<!-- WordPress Sites Section --> <!-- WordPress Sites Section -->
<div class="col-md-12" ng-if="web.showWPSites && web.wp_sites && web.wp_sites.length > 0"> <div class="col-md-12" ng-if="web.showWPSites && web.wp_sites && web.wp_sites.length > 0" style="padding: 15px 30px;">
<div ng-repeat="wp in web.wp_sites" class="wp-site-item"> <div ng-repeat="wp in web.wp_sites" class="wp-site-item">
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="wp-site-header"> <div class="wp-site-header">
<div class="row"> <div class="row">
<div class="col-sm-8"> <div class="col-sm-8">
<h4>{$ wp.title $}</h4> <h4><i class="fab fa-wordpress" style="color: #00749C; margin-right: 8px;"></i>{$ wp.title $}</h4>
</div> </div>
<div class="col-sm-4 text-right"> <div class="col-sm-4 text-right">
<button class="btn btn-primary btn-sm" ng-click="manageWP(wp.id)"> <button class="btn btn-primary btn-sm" ng-click="manageWP(wp.id)">
@@ -215,31 +215,45 @@
<style> <style>
.wp-site-item { .wp-site-item {
border: 1px solid #ddd; border: 1px solid #e0e0e0;
margin-bottom: 20px; margin-bottom: 20px;
border-radius: 4px; border-radius: 8px;
background: white; background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
} }
.wp-site-header { .wp-site-header {
padding: 15px; padding: 15px 20px;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #e0e0e0;
background: #f5f5f5; background: #f8f9fa;
border-radius: 8px 8px 0 0;
}
.wp-site-header h4 {
margin: 0;
font-size: 18px;
line-height: 34px;
color: #2c3338;
font-weight: 500;
} }
.wp-site-content { .wp-site-content {
padding: 15px; padding: 20px;
} }
.info-box { .info-box {
margin-bottom: 15px; margin-bottom: 15px;
background: #f8f9fa;
padding: 10px;
border-radius: 6px;
} }
.info-box label { .info-box label {
display: block; display: block;
font-size: 12px; font-size: 12px;
color: #666; color: #646970;
margin-bottom: 5px; margin-bottom: 5px;
font-weight: 500;
} }
.info-box span { .info-box span {
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: 600;
color: #2c3338;
} }
.checkbox { .checkbox {
margin-bottom: 10px; margin-bottom: 10px;
@@ -256,6 +270,10 @@
.text-center .btn { .text-center .btn {
min-width: 100px; min-width: 100px;
} }
.wp-site-item .btn-sm {
padding: 5px 12px;
font-size: 13px;
}
</style> </style>
<div id="listFail" class="alert alert-danger"> <div id="listFail" class="alert alert-danger">