@dcrackel/meyersquaredui
Version:
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
75 lines (74 loc) • 4.01 kB
JavaScript
export const SpacingConfig = {
'Semifinal': {
large: {
Semifinal: { getTopSpace: 'mt-[0rem] mb-4', getCardSpace: 'mt-1' },
Final: { getTopSpace: 'mt-[10rem]', getCardSpace: 'mt-1' },
'Third Place': { getTopSpace: '-mt-[2rem] -ml-[19.2rem]', getCardSpace: 'mt-1' },
},
small: {
Semifinal: { getTopSpace: 'mt-[0.7rem] mb-[1.8rem]', getCardSpace: 'mt-[2.3rem]' },
Final: { getTopSpace: 'mt-[12.2rem]', getCardSpace: 'mt-1' },
'Third Place': { getTopSpace: '-mt-[2rem] -ml-[11rem]', getCardSpace: 'mt-1' },
}
},
'Table of 8': {
large: {
},
small: {
'Table of 8': { getTopSpace: 'mt-[0rem] mb-4', getCardSpace: 'mt-1' },
Quarterfinal: { getTopSpace: 'mt-[0.7rem] mb-[1.75rem]', getCardSpace: 'mt-[2.3rem]' },
Semifinal: { getTopSpace: 'mt-[0.7rem] mb-[1.8rem]', getCardSpace: 'mt-[2.3rem]' },
Final: { getTopSpace: 'mt-[5rem]', getCardSpace: 'mt-1' },
'Third Place': { getTopSpace: '-mt-[2rem] -ml-[10rem]', getCardSpace: 'mt-1' },
}
},
'Table of 16': {
large: {
},
small: {
'Table of 16': { getTopSpace: 'mt-[0rem] mb-4', getCardSpace: 'mt-1' },
'Table of 8': { getTopSpace: 'mt-[0.7rem] mb-[1.75rem]', getCardSpace: 'mt-[2.3rem]' },
Semifinal: { getTopSpace: 'mt-[2.25rem] mb-[3.63rem]', getCardSpace: 'mt-[5.9rem]' },
Final: { getTopSpace: 'mt-[12.5rem]', getCardSpace: 'mt-1' },
'Third Place': { getTopSpace: '-mt-[2rem] -ml-[10rem]', getCardSpace: 'mt-1' },
}
},
'Table of 32': {
large: {
},
small: {
'Table of 32': { getTopSpace: 'mt-[0rem] mb-4', getCardSpace: 'mt-1' },
'Table of 16': { getTopSpace: 'mt-[0.7rem] mb-[1.76rem]', getCardSpace: 'mt-[2.3rem]' },
'Table of 8': { getTopSpace: 'mt-[2.4rem] mb-[3.45rem]', getCardSpace: 'mt-[5.9rem]' },
Semifinal: { getTopSpace: 'mt-[6.5rem] mb-[6.5rem]', getCardSpace: 'mt-[12.8rem]' },
Final: { getTopSpace: 'mt-[26rem]', getCardSpace: 'mt-1' },
'Third Place': { getTopSpace: '-mt-[2rem] -ml-[11rem]', getCardSpace: 'mt-1' },
}
},
'Table of 64': {
large: {
},
small: {
'Table of 64': { getTopSpace: 'mt-[0rem] mb-[2rem]', getCardSpace: 'mt-1' },
'Table of 32': { getTopSpace: 'mt-[0.7rem] mb-[2.65rem]', getCardSpace: 'mt-[3.4rem]' },
'Table of 16': { getTopSpace: 'mt-[2.9rem] mb-[5rem]', getCardSpace: 'mt-[7.85rem]' },
'Table of 8': { getTopSpace: 'mt-[7rem] mb-[9.95rem]', getCardSpace: 'mt-[16.8rem]' },
Semifinal: { getTopSpace: 'mt-[16.1rem] mb-[18.8rem]', getCardSpace: 'mt-[34.8rem]' },
Final: { getTopSpace: 'mt-[68rem]', getCardSpace: 'mt-1' },
'Third Place': { getTopSpace: '-mt-[2rem] -ml-[11rem]', getCardSpace: 'mt-1' },
}
},
'Table of 128': {
large: {},
small: {
'Table of 128': { getTopSpace: 'mt-0 mb-[0.625rem]', getCardSpace: 'mt-[0.25rem]' },
'Table of 64': { getTopSpace: 'mt-[0.75rem] mb-[1.25rem]', getCardSpace: 'mt-[2rem]' },
'Table of 32': { getTopSpace: 'mt-[2.3125rem] mb-[2.8125rem]', getCardSpace: 'mt-[5.125rem]' },
'Table of 16': { getTopSpace: 'mt-[5.5rem] mb-[5.875rem]', getCardSpace: 'mt-[11.375rem]' },
'Table of 8': { getTopSpace: 'mt-[11.875rem] mb-[12rem]', getCardSpace: 'mt-[23.875rem]' },
Semifinal: { getTopSpace: 'mt-[24.375rem] mb-[24.5625rem]', getCardSpace: 'mt-[48.875rem]' },
Final: { getTopSpace: 'mt-[98rem]', getCardSpace: 'mt-[0.0625rem]' },
'Third Place': { getTopSpace: '-mt-[2rem] -ml-[11rem]', getCardSpace: 'mt-[0.0625rem]' },
}
}
};