Merge branch 'master' of https://git.nanodreamtech.com/Boss/yizhizan-h5

pages/index/citySelect.vue

@@ -0,0 +1,464 @@
+<template>
+	<view class="city-select-page">
+		<!-- 城市选择头部 -->
+		<view class="city-header">
+			<view class="header-content">
+				<view class="header-left" @click="goBack">
+					<u-icon name="close" color="#333" size="32"></u-icon>
+				</view>
+				<view class="header-title">城市选择</view>
+				<view class="header-right"></view>
+			</view>
+		</view>
+		
+		<!-- 三列选择区域 -->
+		<view class="city-list">
+			<!-- 左侧城市列 -->
+			<view class="city-column city-column-left">
+				<scroll-view scroll-y="true" style="width: 100%;height: 100%;padding-bottom: 20rpx;">
+					<view 
+						class="city-item" 
+						@click="selectCity(index)" 
+						:class="currentCity==index?'active':''" 
+						v-for="(item,index) in cityList" 
+						:key="index"
+					>
+						{{item.name}}
+					</view>
+				</scroll-view>
+			</view>
+			
+			<!-- 中间区域列 -->
+			<view class="city-column city-column-middle">
+				<view class="city-column-container">
+					<!-- 区域标题列 -->
+					<view class="city-column-titles">
+						<scroll-view scroll-y="true" style="width: 100%;height: 100%;padding-bottom: 20rpx;">
+							<view 
+								class="city-title-item" 
+								@click="setActiveDistrict(index)" 
+								:class="activeDistrict==index?'active':''" 
+								v-for="(item,index) in districtList" 
+								:key="index"
+							>
+								{{item.name}}
+							</view>
+						</scroll-view>
+					</view>
+					
+					<!-- 最右侧子区域列 -->
+					<view class="city-column-content">
+						<scroll-view scroll-y="true" style="width: 100%;height: 100%;padding-bottom: 20rpx;">
+							<view class="city-sub-items" v-if="districtList.length>0 && districtList[activeDistrict]">
+								<view 
+									class="city-sub-item" 
+									@click="selectSubArea(item)" 
+									:class="selectedSubAreas.includes(item.name)?'selected':''"
+									v-for="(item,ind) in districtList[activeDistrict].subAreas" 
+									:key="ind"
+								>
+									{{item.name}}
+								</view>
+							</view>
+						</scroll-view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 底部确定按钮 -->
+		<view class="bottom-btn-container">
+			<view class="confirm-btn" @click="confirmSelection">
+				<text>确定</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			currentCity: 0,
+			activeDistrict: 0,
+			selectedSubAreas: ['蛇口', '海岸城'],
+			cityList: [
+				{ name: '深圳', code: 'sz' },
+				{ name: '广州', code: 'gz' },
+			],
+			districtList: [
+				{
+					name: '全深圳',
+					subAreas: [
+                    { name: '全南山' },
+						{ name: '科技园' },
+						{ name: '西丽' },
+						{ name: '前海' },
+						{ name: '蛇口' },
+						{ name: '大学城' },
+						{ name: '海岸城' },
+						{ name: '南山中心' },
+						{ name: '华侨城' },
+						{ name: '南油' },
+						{ name: '海上世界' },
+						{ name: '欢乐海岸' },
+						{ name: '后海' },
+						{ name: '大冲' }
+                    ]
+				},
+				{
+					name: '南山区',
+					subAreas: [
+						{ name: '全南山' },
+						{ name: '科技园' },
+						{ name: '西丽' },
+						{ name: '前海' },
+						{ name: '蛇口' },
+						{ name: '大学城' },
+						{ name: '海岸城' },
+						{ name: '南山中心' },
+						{ name: '华侨城' },
+						{ name: '南油' },
+						{ name: '海上世界' },
+						{ name: '欢乐海岸' },
+						{ name: '后海' },
+						{ name: '大冲' }
+					]
+				},
+				{
+					name: '龙岗区',
+					subAreas: [
+						{ name: '全龙岗' },
+						{ name: '布吉' },
+						{ name: '坂田' },
+						{ name: '横岗' },
+						{ name: '龙城' },
+						{ name: '坪地' },
+						{ name: '平湖' }
+					]
+				},
+				{
+					name: '宝安区',
+					subAreas: [
+						{ name: '全宝安' },
+						{ name: '西乡' },
+						{ name: '福永' },
+						{ name: '沙井' },
+						{ name: '松岗' },
+						{ name: '石岩' }
+					]
+				},
+				{
+					name: '福田区',
+					subAreas: [
+						{ name: '全福田' },
+						{ name: '华强北' },
+						{ name: '车公庙' },
+						{ name: '中心区' },
+						{ name: '皇岗' },
+						{ name: '梅林' }
+					]
+				},
+				{
+					name: '龙华区',
+					subAreas: [
+						{ name: '全龙华' },
+						{ name: '民治' },
+						{ name: '大浪' },
+						{ name: '观澜' },
+						{ name: '福城' }
+					]
+				},
+				{
+					name: '罗湖区',
+					subAreas: [
+						{ name: '全罗湖' },
+						{ name: '东门' },
+						{ name: '国贸' },
+						{ name: '翠竹' },
+						{ name: '莲塘' }
+					]
+				},
+				{
+					name: '光明区',
+					subAreas: [
+						{ name: '全光明' },
+						{ name: '公明' },
+						{ name: '光明' },
+						{ name: '新湖' }
+					]
+				},
+				{
+					name: '坪山区',
+					subAreas: [
+						{ name: '全坪山' },
+						{ name: '坪山' },
+						{ name: '坑梓' }
+					]
+				},
+				{
+					name: '盐田区',
+					subAreas: [
+						{ name: '全盐田' },
+						{ name: '盐田' },
+						{ name: '沙头角' }
+					]
+				}
+			]
+		};
+	},
+	methods: {
+		/**
+		 * 返回上一页
+		 */
+		goBack() {
+			uni.navigateBack()
+		},
+		
+		/**
+		 * 选择城市
+		 */
+		selectCity(index) {
+			this.currentCity = index
+			this.activeDistrict = 0
+			this.selectedSubAreas = []
+		},
+		
+		/**
+		 * 选择区域
+		 */
+		setActiveDistrict(index) {
+			this.activeDistrict = index
+		},
+		
+		/**
+		 * 选择子区域
+		 */
+		selectSubArea(item) {
+			const index = this.selectedSubAreas.indexOf(item.name)
+			if (index > -1) {
+				this.selectedSubAreas.splice(index, 1)
+			} else {
+				this.selectedSubAreas.push(item.name)
+			}
+		},
+		
+		/**
+		 * 确认选择
+		 */
+		confirmSelection() {
+			console.log('选中的城市:', this.cityList[this.currentCity])
+			console.log('选中的区域:', this.districtList[this.activeDistrict])
+			console.log('选中的子区域:', this.selectedSubAreas)
+			
+			uni.showToast({
+				title: '选择成功',
+				icon: 'success'
+			})
+			
+			setTimeout(() => {
+				uni.navigateBack()
+			}, 1500)
+		}
+	}
+}
+</script>
+
+<style lang="scss">
+page {
+	background-color: #FCFCFC;
+	padding: 0 20rpx;
+}
+
+.city-select-page {
+	min-height: 100vh;
+}
+
+.city-header {
+	padding-top: 80rpx;
+	background-color: #FCFCFC;
+	z-index: 9999;
+	box-sizing: border-box;
+	margin-bottom: 40rpx;
+	
+	.header-content {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		height: 100%;
+		
+		.header-left, .header-right {
+			width: 60rpx;
+			height: 60rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+		
+		.header-title {
+			color: rgba(51, 51, 51, 1);
+			font-family: DM Sans;
+			font-size: 36rpx;
+			font-weight: 700;
+			line-height: 26px;
+			letter-spacing: 0px;
+			text-align: center;
+		}
+	}
+}
+
+.city-list {
+	width: 100%;
+	height: calc(100vh - 200rpx);
+	gap: 16rpx;
+	display: flex;
+	
+	.city-column {
+		border-radius: 6px;
+		// background-color: #ffffff;
+		// border-left: 1rpx solid #F2F2F7;
+		box-sizing: border-box;
+		
+		&.city-column-left {
+			width: 25%;
+			height: 90%;
+			background: rgba(245, 245, 245, 1);
+			border-left: none;
+            padding-top: 42rpx;
+			
+			.city-item {
+                color: rgba(102, 102, 102, 1);
+                font-family: DM Sans;
+                font-size: 32rpx;
+                font-weight: 400;
+                line-height: 42rpx;
+                letter-spacing: 0%;
+                text-align: center;
+                padding: 16rpx 0;
+                margin-bottom: 16rpx;
+				
+				&.active {
+                    color: rgba(1, 107, 246, 1);
+                    font-family: DM Sans;
+                    font-size: 32rpx;
+                    font-weight: 400;
+                    line-height: 42rpx;
+                    letter-spacing: 0%;
+                    text-align: center;
+                    padding: 16rpx auto;
+                    margin-bottom: 16rpx;
+				}
+			}
+		}
+		
+		&.city-column-middle {
+			width: 75%;
+			height: 90%;
+            // gap: 16rpx;
+			
+			.city-column-container {
+				width: 100%;
+				height: 100%;
+				display: flex;
+				flex-direction: row;
+			}
+			
+			.city-column-titles {
+				width: 50%;
+				height: 100%;
+                background: rgba(255, 255, 255, 1);
+				// border-right: 1rpx solid #F2F2F7;
+				box-sizing: border-box;
+                margin-right: 16rpx;
+                border-radius: 12rpx;
+                box-shadow: 0px 8px 150px 0px rgba(0, 0, 0, 0.05);
+                padding-top: 42rpx;
+				
+				.city-title-item {
+                    color: rgba(153, 153, 153, 1);
+                    font-family: DM Sans;
+                    font-size: 32rpx;
+                    font-weight: 400;
+                    line-height: 42rpx;
+                    letter-spacing: 0%;
+                    text-align: left;
+                    padding: 16rpx 0 16rpx 40rpx;
+					
+					&.active {
+                        color: rgba(1, 107, 246, 1);
+                        background: rgba(153, 196, 250, 0.4);
+                        font-family: DM Sans;
+                        font-size: 32rpx;
+                        font-weight: 400;
+                        line-height: 42rpx;
+                        letter-spacing: 0%;
+                        text-align: left;
+                        padding: 16rpx 0 16rpx 40rpx;
+					}
+				}
+			}
+			
+			.city-column-content {
+				width: 70%;
+				height: 100%;
+                background: #F5F5F5;
+                border-radius: 12rpx;
+                box-shadow: 0px 8px 150px 0px rgba(0, 0, 0, 0.05);
+				flex: 1;
+				
+				.city-sub-items {
+					width: 100%;
+					display: flex;
+					flex-direction: column;
+					gap: 12rpx;
+					padding-top: 42rpx;
+					
+					.city-sub-item {
+                        color: rgba(153, 153, 153, 1);
+                        font-family: DM Sans;
+                        font-size: 32rpx;
+                        font-weight: 400;
+                        line-height: 42rpx;
+                        letter-spacing: 0%;
+                        text-align: left;
+                        padding: 16rpx 0 16rpx 40rpx;
+						
+						&.selected {
+                            color: rgba(255, 255, 255, 1);
+                            border-radius: 0px 6px 6px 0px;
+                            background: rgba(1, 107, 246, 1);
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
+.bottom-btn-container {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	padding: 30rpx 20rpx;
+	background: #fff;
+	border-top: 1px solid #f0f0f0;
+	z-index: 9999;
+}
+
+.confirm-btn {
+	width: 100%;
+	height: 88rpx;
+	background: var(--线性渐变, linear-gradient(90.00deg, rgba(13, 39, 247, 1),rgba(19, 193, 234, 1) 100%));
+	border-radius: 44rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	
+	text {
+		font-size: 32rpx;
+		font-weight: 600;
+		color: #fff;
+	}
+}
+</style>

pages/my/onlineResume.vue

@@ -42,7 +42,7 @@
 			<!-- 跨境电商工作经验 -->
 			<view class="switch-section">
 				<view class="switch-left">
-                    <view class="flex">
+                    <view class="flex justify-between">
                         <view class="switch-title">是否有跨境电商工作经验</view>
                         <view class="template-text">不同简历模版</view>
                     </view>
@@ -465,8 +465,8 @@
 		.user-info {
             color: rgba(102, 112, 122, 1);
             font-family: DM Sans;
-            font-size: 16px;
-            line-height: 16rpx;
+            font-size: 28rpx;
+            line-height: 44rpx;
             font-weight: 400;
             letter-spacing: 0%;
             text-align: center;
@@ -487,9 +487,9 @@
 				.contact-text {
                     color: rgba(116, 116, 116, 1);
                     font-family: DM Sans;
-                    font-size: 12px;
+                    font-size: 16rpx;
                     font-weight: 400;
-                    line-height: 10px;
+                    line-height: 20rpx;
                     letter-spacing: 0%;
                     text-align: center;
 				}
@@ -505,9 +505,9 @@
 			.status-text {
                 color: rgba(156, 164, 171, 1);
                 font-family: DM Sans;
-                font-size: 14px;
+                font-size: 24rpx;
                 font-weight: 400;
-                line-height: 16px;
+                line-height: 32rpx;
                 letter-spacing: 0%;
                 text-align: left;
 			}
@@ -540,32 +540,34 @@
 				flex: 1;
 				
 				.switch-title {
-					color: rgba(23, 23, 37, 1);
-					font-family: Inter;
-					font-size: 18px;
+					color: rgba(21, 22, 26, 1);
+					font-family: DM Sans;
+					font-size: 28rpx;
 					font-weight: 500;
-					line-height: 20px;
+					line-height: 52rpx;
 					letter-spacing: 0%;
 					text-align: left;
 					margin-bottom: 12rpx;
-                    margin-right: 40rpx;
 				}
 				
 				.template-text {
-					color: rgba(120, 130, 138, 1);
+					color: rgba(153, 153, 153, 1);
 					font-family: DM Sans;
-					font-size: 12px;
+					font-size: 20rpx;
 					font-weight: 400;
-					line-height: 16px;
+					line-height: 52rpx;
 					letter-spacing: 0%;
-					text-align: left;
-					margin-bottom: 8rpx;
+					text-align: right;
 				}
 				
 				.section-status {
-					font-size: 16px;
-					color: #007AFF;
-					font-weight: 500;
+					color: rgba(1, 107, 246, 1);
+					font-family: DM Sans;
+					font-size: 24rpx;
+					font-weight: 400;
+					line-height: 40rpx;
+					letter-spacing: 0%;
+					text-align: left;
 				}
 			}
 		}
@@ -588,9 +590,9 @@
 				.section-title {
                     color: rgba(23, 23, 37, 1);
                     font-family: Inter;
-                    font-size: 20px;
+                    font-size: 32rpx;
                     font-weight: 600;
-                    line-height: 24px;
+                    line-height: 48rpx;
                     letter-spacing: 0%;
                     text-align: left;
 				}
@@ -598,9 +600,9 @@
 				.template-text {
                     color: rgba(120, 130, 138, 1);
                     font-family: DM Sans;
-                    font-size: 12px;
+                    font-size: 24rpx;
                     font-weight: 400;
-                    line-height: 16px;
+                    line-height: 32rpx;
                     letter-spacing: 0%;
                     text-align: left;
 				}
@@ -786,9 +788,9 @@
 
                     .required-title {
                         font-family: DM Sans;
-                        font-size: 20px;
+                        font-size: 28rpx;
                         font-weight: 700;
-                        line-height: 26px;
+                        line-height: 52rpx;
                         letter-spacing: 0%;
                         text-align: left;
                         margin-right: 12rpx;
@@ -806,9 +808,9 @@
 				.section-desc {
                     color: rgba(1, 107, 246, 1);
                     font-family: DM Sans;
-                    font-size: 13px;
+                    font-size: 20rpx;
                     font-weight: 400;
-                    line-height: 22px;
+                    line-height: 44rpx;
                     letter-spacing: 0%;
                     text-align: left;
 				}
@@ -852,9 +854,9 @@
 						.job-title {
                             color: rgba(23, 23, 37, 1);
                             font-family: DM Sans;
-                            font-size: 32rpx;
+                            font-size: 28rpx;
                             font-weight: 400;
-                            line-height: 22px;
+                            line-height: 44rpx;
                             letter-spacing: 0%;
                             text-align: left;
                             margin-right: 12rpx;
@@ -863,9 +865,9 @@
 						.job-department {
                             color: rgba(120, 130, 138, 1);
                             font-family: DM Sans;
-                            font-size: 12px;
+                            font-size: 20rpx;
                             font-weight: 400;
-                            line-height: 22px;
+                            line-height: 44rpx;
                             letter-spacing: 0%;
                             text-align: left;
 						}
@@ -902,7 +904,7 @@
 						.job-description {
                             color: rgba(120, 130, 138, 1);
                             font-family: DM Sans;
-                            font-size: 20rpx;
+                            font-size: 16rpx;
                             font-weight: 400;
                             line-height: 24rpx;
                             letter-spacing: 0%;
@@ -921,7 +923,7 @@
 								padding: 6rpx;
                                 color: rgba(102, 102, 102, 1);
                                 font-family: DM Sans;
-                                font-size: 12px;
+                                font-size: 16rpx;
                                 font-weight: 400;
                                 letter-spacing: 0%;
                                 text-align: left;

pages/my/workExperience.vue

@@ -32,12 +32,12 @@
 						<text class="label-text">公司业务类型</text>
 					</view>
 					<view class="checkbox-container">
-					<u-checkbox-group 
-						@change="checkboxGroupChange"
-						:wrap="false"
-						shape="square"
-						active-color="#007AFF"
-					>
+						<u-checkbox-group 
+							@change="checkboxGroupChange"
+							:wrap="false"
+							shape="square"
+							active-color="#007AFF"
+						>
 							<u-checkbox 
 								v-for="(option, index) in businessTypeOptions" 
 								:key="index"
@@ -65,7 +65,7 @@
 					<view class="form-input" @click="selectEmploymentTime(index)">
 						<text v-if="resume.employmentTime">{{ resume.employmentTime }}</text>
 						<text v-else class="placeholder">{{ hasCrossBorderExperience ? '选择任职时间&离职时间' : '选择在职时间&离职时间' }}</text>
-						<u-icon name="calendar" color="#999" size="60"></u-icon>
+						<image src="../../static/images/index/Iconly_Light_Calendar.svg" style="width: 48rpx; height: 48rpx;" mode="aspectFit"></image>
 					</view>
 				</view>
 				
@@ -78,7 +78,7 @@
 					<view class="form-input" @click="selectDepartment(index)">
 						<text v-if="resume.department">{{ resume.department }}</text>
 						<text v-else class="placeholder">请选择部门</text>
-						<u-icon name="arrow-down" color="#999" size="42"></u-icon>
+						<u-icon name="arrow-down" color="#999" size="36"></u-icon>
 					</view>
 				</view>
 				
@@ -91,7 +91,7 @@
 					<view class="form-input" @click="selectPosition(index)">
 						<text v-if="resume.position">{{ resume.position }}</text>
 						<text v-else class="placeholder">请选择岗位</text>
-						<u-icon name="arrow-down" color="#999" size="42"></u-icon>
+						<u-icon name="arrow-down" color="#999" size="36"></u-icon>
 					</view>
 				</view>
 				
@@ -101,7 +101,7 @@
 					<view class="form-input" @click="selectPositionLevel(index)">
 						<text v-if="resume.positionLevel">{{ resume.positionLevel }}</text>
 						<text v-else class="placeholder">请选择职级</text>
-						<u-icon name="arrow-down" color="#999" size="42"></u-icon>
+						<u-icon name="arrow-down" color="#999" size="36"></u-icon>
 					</view>
 				</view>
 				
@@ -134,17 +134,17 @@
 					<view class="form-input" @click="selectWorkContent(index)">
 						<text v-if="resume.workContent">{{ resume.workContent }}</text>
 						<text v-else class="placeholder">选填,请输入</text>
-						<u-icon name="arrow-down" color="#999" size="42"></u-icon>
+						<u-icon name="arrow-down" color="#999" size="36"></u-icon>
 					</view>
 				</view>
-				
+				36
 				<!-- 工作业绩 -->
 				<view class="form-item">
 					<view class="form-label">工作业绩</view>
 					<view class="form-input" @click="selectWorkPerformance(index)">
 						<text v-if="resume.workPerformance">{{ resume.workPerformance }}</text>
 						<text v-else class="placeholder">选填,请输入</text>
-						<u-icon name="arrow-down" color="#999" size="42"></u-icon>
+						<u-icon name="arrow-down" color="#999" size="36"></u-icon>
 					</view>
 				</view>
 				
@@ -385,11 +385,12 @@ export default {
 	.section-title {
 		color: rgba(23, 23, 37, 1);
 		font-family: Inter;
-		font-size: 20px;
+		font-size: 32rpx;
 		font-weight: 600;
-		line-height: 24px;
+		line-height: 48rpx;
 		letter-spacing: 0%;
 		text-align: left;
+		padding: 16rpx 0 32rpx 0;
 	}
 }
 
@@ -441,21 +442,6 @@ export default {
 	}
 }
 
-.form-section {
-	margin-top: 40rpx;
-	
-	.section-title {
-		color: rgba(23, 23, 37, 1);
-		font-family: Inter;
-		font-size: 24px;
-		font-weight: 600;
-		line-height: 24px;
-		letter-spacing: 0%;
-		text-align: left;
-		margin-bottom: 40rpx;
-	}
-}
-
 .skills-input-container {
 	width: 100%;
 	min-height: 80rpx;
@@ -616,5 +602,15 @@ export default {
 		min-width: 0;
 		margin-right: 0;
 	}
+
+	/deep/ .u-checkbox__label {
+		color: var(--Grayscale/Grayscale 100, rgba(23, 23, 37, 1));
+		font-family: DM Sans;
+		font-size: 24rpx;
+		font-weight: 400;
+		line-height: 48rpx;
+		letter-spacing: 0%;
+		text-align: left;
+	}
 }
 </style>

static/images/index/Iconly_Light_Calendar.svg

@@ -0,0 +1,15 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none" customFrame="#000000">
+	<rect id="Iconly/Light/Calendar" width="24.000000" height="24.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<g id="Calendar">
+		<path id="Line_200" d="M3.09277 9.40445L20.9167 9.40445" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_201" d="M16.442 13.3097L16.4512 13.3097" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_202" d="M12.0045 13.3097L12.0137 13.3097" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_203" d="M7.55818 13.3097L7.56744 13.3097" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_204" d="M16.442 17.1964L16.4512 17.1964" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_205" d="M12.0045 17.1964L12.0137 17.1964" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_206" d="M7.55818 17.1964L7.56744 17.1964" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_207" d="M16.0433 2L16.0433 5.29078" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_208" d="M7.96515 2L7.96515 5.29078" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Path" d="M7.77096 3.5791C4.83427 3.5791 3 5.21504 3 8.22213L3 17.2718C3 20.3261 4.83427 21.9999 7.77096 21.9999L16.229 21.9999C19.175 21.9999 21 20.3545 21 17.3474L21 8.22213C21.0092 5.21504 19.1842 3.5791 16.2383 3.5791L7.77096 3.5791Z" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+	</g>
+</svg>