Skip to content

Commit 6ce0ba0

Browse files
KosthiKosthi
committed
style: modern RushDB
1 parent 3fc6186 commit 6ce0ba0

File tree

6 files changed

+67
-16
lines changed

6 files changed

+67
-16
lines changed

‎src/sections/AchievementsSection.vue‎

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@ const { t } = useI18n({ useScope: "global" });
1212
<div class="achievements">
1313
<a
1414
href="https://os.educg.net/#/index?TYPE=2025DB"
15+
class="card-link"
1516
target="_blank"
1617
rel="noopener noreferrer"
17-
style="color: inherit; text-decoration: none; display: block"
1818
>
1919
<div class="achievement-item featured">
2020
<div class="achievement-badge">🥇</div>
@@ -32,7 +32,12 @@ const { t } = useI18n({ useScope: "global" });
3232
</div>
3333
</a>
3434

35-
<a href="https://open.oceanbase.com/competition#armory" target="_blank" style="color: inherit; text-decoration: none; display: block">
35+
<a
36+
href="https://open.oceanbase.com/competition#armory"
37+
class="card-link"
38+
target="_blank"
39+
rel="noopener noreferrer"
40+
>
3641
<div class="achievement-item featured">
3742
<div class="achievement-badge">🏆</div>
3843
<div class="achievement-content">
@@ -51,8 +56,9 @@ const { t } = useI18n({ useScope: "global" });
5156

5257
<a
5358
href="https://os.educg.net/#/oldDetail?name=2024%E5%B9%B4%E5%85%A8%E5%9B%BD%E5%A4%A7%E5%AD%A6%E7%94%9F%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%B3%BB%E7%BB%9F%E8%83%BD%E5%8A%9B%E5%A4%A7%E8%B5%9B-%E6%95%B0%E6%8D%AE%E5%BA%93%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F%E8%AE%BE%E8%AE%A1%E8%B5%9B"
59+
class="card-link"
5460
target="_blank"
55-
style="color: inherit; text-decoration: none; display: block"
61+
rel="noopener noreferrer"
5662
>
5763
<div class="achievement-item featured">
5864
<div class="achievement-badge">🥇</div>

‎src/sections/ContactSection.vue‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,15 +31,13 @@ const { t } = useI18n({ useScope: "global" });
3131
href="https://github.com/RushDB-Lab"
3232
target="_blank"
3333
rel="noopener noreferrer"
34-
style="display: block; width: 100%; text-align: center; padding: 0.5rem"
3534
>
3635
<span>
3736
<svg
3837
width="16"
3938
height="16"
4039
viewBox="0 0 16 16"
4140
fill="currentColor"
42-
style="display: inline-block; vertical-align: middle; margin-right: 8px"
4341
>
4442
<path
4543
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"

‎src/sections/MembersSection.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ const { t } = useI18n({ useScope: "global" });
1010
{{ t("members.title") }}
1111
</h2>
1212
<div class="members-grid">
13-
<a href="https://mmmttt000045.github.io" target="_blank" style="color: inherit; text-decoration: none; display: block">
13+
<a href="https://mmmttt000045.github.io" class="card-link" target="_blank" rel="noopener noreferrer">
1414
<div class="member-card">
1515
<div class="member-avatar">
1616
<img src="/MingTai.png" alt="明泰" class="avatar-img" />
@@ -39,7 +39,7 @@ const { t } = useI18n({ useScope: "global" });
3939
</div>
4040
</a>
4141

42-
<a href="https://huxin0817.github.io/" target="_blank" style="color: inherit; text-decoration: none; display: block">
42+
<a href="https://huxin0817.github.io/" class="card-link" target="_blank" rel="noopener noreferrer">
4343
<div class="member-card">
4444
<div class="member-avatar">
4545
<img src="/HuXin.png" alt="胡鑫" class="avatar-img" />
@@ -68,7 +68,7 @@ const { t } = useI18n({ useScope: "global" });
6868
</div>
6969
</a>
7070

71-
<a href="https://koschei.top/" target="_blank" style="color: inherit; text-decoration: none; display: block">
71+
<a href="https://koschei.top/" class="card-link" target="_blank" rel="noopener noreferrer">
7272
<div class="member-card">
7373
<div class="member-avatar">
7474
<img src="/WuYiMin.png" alt="吴奕民" class="avatar-img" />

‎src/sections/NewsSection.vue‎

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,12 @@ const { t } = useI18n({ useScope: "global" });
1010
{{ t("news.title") }}
1111
</h2>
1212
<div class="news-container">
13-
<a href="https://www.aao.cdut.edu.cn/info/1442/6588.htm" target="_blank" style="color: inherit; text-decoration: none; display: block">
13+
<a
14+
href="https://www.aao.cdut.edu.cn/info/1442/6588.htm"
15+
class="card-link"
16+
target="_blank"
17+
rel="noopener noreferrer"
18+
>
1419
<div class="news-item">
1520
<div class="news-header">
1621
<div class="news-icon">📰</div>
@@ -40,8 +45,9 @@ const { t } = useI18n({ useScope: "global" });
4045

4146
<a
4247
href="https://finance.sina.cn/2025-01-13/detail-ineevenv2707541.d.html"
48+
class="card-link"
4349
target="_blank"
44-
style="color: inherit; text-decoration: none; display: block"
50+
rel="noopener noreferrer"
4551
>
4652
<div class="news-item">
4753
<div class="news-header">
@@ -74,8 +80,9 @@ const { t } = useI18n({ useScope: "global" });
7480

7581
<a
7682
href="https://www.bilibili.com/opus/1035584488471527457?spm_id_from=333.1387.0.0"
83+
class="card-link"
7784
target="_blank"
78-
style="color: inherit; text-decoration: none; display: block"
85+
rel="noopener noreferrer"
7986
>
8087
<div class="news-item">
8188
<div class="news-header">

‎src/sections/ProjectsSection.vue‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,16 @@ const { t } = useI18n({ useScope: "global" });
1010
{{ t("projects.title") }}
1111
</h2>
1212
<div class="projects-grid">
13-
<a href="https://github.com/RushDB-Lab/miniob-RushDB" target="_blank" style="color: inherit; text-decoration: none; display: block">
13+
<a
14+
href="https://github.com/RushDB-Lab/miniob-RushDB"
15+
class="card-link"
16+
target="_blank"
17+
rel="noopener noreferrer"
18+
>
1419
<div class="project-item featured-project">
1520
<div class="project-header">
1621
<div class="project-icon">
17-
<img src="/miniob.png" alt="MiniOB" style="width: 40px; height: 40px; object-fit: contain" />
22+
<img src="/miniob.png" alt="MiniOB" />
1823
</div>
1924
<div class="project-meta">
2025
<div class="project-title">

‎src/styles/site.css‎

Lines changed: 38 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -190,6 +190,12 @@
190190
padding: 0 2rem;
191191
}
192192

193+
.card-link {
194+
color: inherit;
195+
text-decoration: none;
196+
display: block;
197+
}
198+
193199
.hero {
194200
min-height: 100vh;
195201
display: flex;
@@ -968,14 +974,20 @@
968974

969975
.member-detail {
970976
display: flex;
971-
align-items: center;
977+
align-items: flex-start;
972978
gap: 0.5rem;
973979
margin-bottom: 0.5rem;
974980
font-size: 0.9rem;
975981
transition: all 0.3s ease;
976982
opacity: 0.8;
977983
}
978984

985+
.member-detail span:not(.detail-icon) {
986+
flex: 1;
987+
min-width: 0;
988+
overflow-wrap: anywhere;
989+
}
990+
979991
.member-card:hover .member-detail {
980992
opacity: 1;
981993
transform: translateX(5px);
@@ -1072,6 +1084,13 @@
10721084
flex-shrink: 0;
10731085
}
10741086

1087+
.project-icon img {
1088+
width: 40px;
1089+
height: 40px;
1090+
object-fit: contain;
1091+
display: block;
1092+
}
1093+
10751094
.project-meta {
10761095
flex: 1;
10771096
}
@@ -1104,7 +1123,7 @@
11041123

11051124
.feature-item {
11061125
display: flex;
1107-
align-items: center;
1126+
align-items: flex-start;
11081127
gap: 0.5rem;
11091128
color: var(--text-secondary);
11101129
font-size: 0.9rem;
@@ -1303,6 +1322,19 @@
13031322
font-size: 0.9rem;
13041323
}
13051324

1325+
.contact-social {
1326+
width: 100%;
1327+
justify-content: center;
1328+
}
1329+
1330+
.contact-social .social-link {
1331+
width: 100%;
1332+
display: inline-flex;
1333+
align-items: center;
1334+
justify-content: center;
1335+
text-align: center;
1336+
}
1337+
13061338
.social-link:hover {
13071339
color: var(--accent-primary);
13081340
border-color: var(--accent-primary);
@@ -1315,6 +1347,9 @@
13151347
}
13161348

13171349
.social-link svg {
1350+
display: inline-block;
1351+
vertical-align: middle;
1352+
margin-right: 8px;
13181353
transition: transform 0.3s ease;
13191354
}
13201355

@@ -2719,7 +2754,7 @@
27192754
}
27202755

27212756
.project-features {
2722-
grid-template-columns: repeat(3, minmax(0, 1fr));
2757+
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
27232758
}
27242759

27252760
.feature-item {

0 commit comments

Comments
 (0)