This commit is contained in:
@@ -123,12 +123,12 @@ onMounted(() => {
|
||||
<div class="grid grid-cols-2 gap-8">
|
||||
<div class="space-y-3">
|
||||
<label class="text-[10px] font-bold text-zinc-500 uppercase tracking-[0.2em] ml-1">Competitor Name</label>
|
||||
<input v-model="form.competitor_name" required class="dashboard-input" placeholder="e.g. Acme Corp" />
|
||||
<input v-model="form.competitor_name" required class="w-full bg-black/40 border border-white/5 rounded-2xl px-5 py-3.5 text-sm font-semibold transition-apple focus:outline-none focus:ring-4 focus:ring-blue-500/10 focus:border-blue-500/40 placeholder:text-zinc-700" placeholder="e.g. Acme Corp" />
|
||||
</div>
|
||||
<div class="space-y-3">
|
||||
<label class="text-[10px] font-bold text-zinc-500 uppercase tracking-[0.2em] ml-1">Platform</label>
|
||||
<div class="relative">
|
||||
<select v-model="form.platform" class="dashboard-input appearance-none cursor-pointer">
|
||||
<select v-model="form.platform" class="w-full bg-black/40 border border-white/5 rounded-2xl px-5 py-3.5 text-sm font-semibold transition-apple focus:outline-none focus:ring-4 focus:ring-blue-500/10 focus:border-blue-500/40 placeholder:text-zinc-700 appearance-none cursor-pointer">
|
||||
<option value="twitter">Twitter / X</option>
|
||||
<option value="reddit">Reddit (Coming Soon)</option>
|
||||
</select>
|
||||
@@ -144,12 +144,12 @@ onMounted(() => {
|
||||
<label class="text-[10px] font-bold text-zinc-500 uppercase tracking-[0.2em] ml-1">X Handle <span class="text-zinc-700">(optional)</span></label>
|
||||
<div class="relative">
|
||||
<span class="absolute inset-y-0 left-5 flex items-center text-zinc-600 pointer-events-none text-sm font-bold">@</span>
|
||||
<input v-model="form.target_handle" class="dashboard-input pl-10" placeholder="handle" />
|
||||
<input v-model="form.target_handle" class="w-full bg-black/40 border border-white/5 rounded-2xl px-5 py-3.5 text-sm font-semibold transition-apple focus:outline-none focus:ring-4 focus:ring-blue-500/10 focus:border-blue-500/40 placeholder:text-zinc-700 pl-10" placeholder="handle" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="space-y-3">
|
||||
<label class="text-[10px] font-bold text-zinc-500 uppercase tracking-[0.2em] ml-1">Monitor Keywords</label>
|
||||
<input v-model="form.keywords" required class="dashboard-input" placeholder="e.g. acme sucks, alternative to acme" />
|
||||
<input v-model="form.keywords" required class="w-full bg-black/40 border border-white/5 rounded-2xl px-5 py-3.5 text-sm font-semibold transition-apple focus:outline-none focus:ring-4 focus:ring-blue-500/10 focus:border-blue-500/40 placeholder:text-zinc-700" placeholder="e.g. acme sucks, alternative to acme" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -216,8 +216,5 @@ onMounted(() => {
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.dashboard-input {
|
||||
@apply w-full bg-black/40 border border-white/5 rounded-2xl px-5 py-3.5 text-sm font-semibold;
|
||||
@apply transition-apple focus:outline-none focus:ring-4 focus:ring-blue-500/10 focus:border-blue-500/40 placeholder:text-zinc-700;
|
||||
}
|
||||
/* No scoped styles needed as we use utility classes for maximum performance and build stability */
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user