+1
-14
src/routes/+page.svelte
+1
-14
src/routes/+page.svelte
···
47
47
<section>
48
48
<h2>Available Short Links</h2>
49
49
{#if data.links && data.links.length > 0}
50
-
<div class="info-box">
51
-
<p>
52
-
<strong>Shortcodes:</strong> Each link has a unique 6-character code generated from its
53
-
URL using base62 encoding (0-9, a-z, A-Z).
54
-
</p>
55
-
</div>
56
50
<ul class="links">
57
51
{#each data.links as link}
58
52
<li>
···
128
122
}
129
123
130
124
.info,
131
-
.error,
132
-
.info-box {
125
+
.error {
133
126
padding: 1rem;
134
127
border-radius: 0.5rem;
135
128
margin-bottom: 1rem;
···
143
136
.error {
144
137
background: #ffebee;
145
138
border: 1px solid #f44336;
146
-
}
147
-
148
-
.info-box {
149
-
background: #e3f2fd;
150
-
border: 1px solid #2196f3;
151
-
color: #0d47a1;
152
139
}
153
140
154
141
.help {