align RemoveBackground page styling with Tools page

This commit is contained in:
jingrow 2025-11-19 06:11:45 +08:00
parent 77982b66ff
commit 6d861a2829

View File

@ -1,17 +1,7 @@
<template>
<div class="remove-background-page">
<div class="page-header">
<div class="header-content">
<div class="header-left">
<div class="page-icon">
<i class="fa fa-magic"></i>
</div>
<div>
<h1>{{ t('Remove Background') }}</h1>
<p class="page-description">{{ t('Remove background from images using AI technology') }}</p>
</div>
</div>
</div>
<h2>{{ t('Remove Background') }}</h2>
</div>
<div class="page-content">
@ -385,13 +375,24 @@ const handleDownload = () => {
<style scoped lang="scss">
.remove-background-page {
min-height: 100vh;
background: #f8fafc;
width: 100%;
padding: 16px;
min-height: 100vh;
}
.page-header {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 24px;
padding: 0;
}
.page-header h2 {
font-size: 24px;
font-weight: 700;
color: #1f2937;
margin: 0;
}
.header-content {
@ -436,8 +437,7 @@ h1 {
}
.page-content {
max-width: 1400px;
margin: 0 auto;
position: relative;
}
.tool-container {