diff options
author | Biswakalyan Bhuyan <biswa@surgot.in> | 2024-08-01 20:11:08 +0530 |
---|---|---|
committer | Biswakalyan Bhuyan <biswa@surgot.in> | 2024-08-01 20:11:08 +0530 |
commit | d781e2a7911325bf088df3b631f6ee4528f79237 (patch) | |
tree | 14e171303c4474763b5df6eec4bd5181cb998b06 /panel/src/pages/ManageAds.css | |
parent | bd933a5aace3ac4944bfe7f4b58b4908978b4950 (diff) | |
download | admin-panel-d781e2a7911325bf088df3b631f6ee4528f79237.tar.gz admin-panel-d781e2a7911325bf088df3b631f6ee4528f79237.tar.bz2 admin-panel-d781e2a7911325bf088df3b631f6ee4528f79237.zip |
css added
Diffstat (limited to 'panel/src/pages/ManageAds.css')
-rw-r--r-- | panel/src/pages/ManageAds.css | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/panel/src/pages/ManageAds.css b/panel/src/pages/ManageAds.css new file mode 100644 index 0000000..c9f154e --- /dev/null +++ b/panel/src/pages/ManageAds.css @@ -0,0 +1,84 @@ +.manage-ads { + display: flex; + flex-direction: column; + align-items: center; + background-color: #f4f7fc; + min-height: 100vh; +} + +.manage-ads-container { + width: 90%; + max-width: 1200px; + margin-top: 20px; + padding: 20px; + background-color: white; + border-radius: 10px; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); +} + +.manage-ads-header { + text-align: center; + margin-bottom: 30px; +} + +.manage-ads-header h4 { + font-size: 28px; + color: #333; +} + +.ad-form { + display: flex; + flex-direction: column; + margin-bottom: 30px; +} + +.ad-form .form-control { + margin-bottom: 15px; + padding: 10px; + font-size: 16px; + border: 1px solid #ccc; + border-radius: 5px; +} + +.ad-form button { + align-self: flex-start; + padding: 10px 20px; + background-color: #007bff; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.ad-list { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.ad-card { + flex: 1; + padding: 20px; + margin: 10px; + background-color: #f9fafc; + border-radius: 10px; + text-align: center; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); +} + +.ad-card img { + max-width: 100%; + border-radius: 5px; + margin-bottom: 15px; +} + +.ad-card h5 { + font-size: 20px; + color: #333; + margin-bottom: 10px; +} + +.ad-card p { + font-size: 16px; + color: #666; +} |