Merge branch 'primefaces:master' into master
hamidovz
GitHub
commit
a7837b02e9
|
|
@ -6,7 +6,7 @@
|
|||
left: 250px;
|
||||
width: calc(100% - 250px);
|
||||
z-index: 1100;
|
||||
border-bottom: 1px solid var(--surface-border);
|
||||
transition: background-color 1s;
|
||||
|
||||
.layout-topbar-inner {
|
||||
height: 100%;
|
||||
|
|
@ -40,4 +40,21 @@
|
|||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.layout-wrapper-light {
|
||||
.layout-topbar {
|
||||
&.layout-topbar-sticky {
|
||||
background-color: rgba(255,255,255,.7);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.layout-wrapper-dark {
|
||||
.layout-topbar {
|
||||
&.layout-topbar-sticky {
|
||||
background-color: rgba(0,0,0,.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
</td>
|
||||
</tr>
|
||||
<tr :style="childStyle" :class="cx('lines')" v-bind="ptm('lines')">
|
||||
<td :colspan="colspan">
|
||||
<td :colspan="colspan" v-bind="ptm('lineCell')">
|
||||
<div :class="cx('lineDown')" v-bind="ptm('lineDown')"></div>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -193,7 +193,7 @@ export interface PaginatorProps {
|
|||
*/
|
||||
rowsPerPageOptions?: number[] | undefined;
|
||||
/**
|
||||
* Template of the paginator, can either be a string or an object with key-value pairs to define templates per breakpoint.
|
||||
* Template of the paginator, can either be a string or an object with key-value pairs to define templates per breakpoint. Available templates are the following;
|
||||
*
|
||||
* - FirstPageLink
|
||||
* - PrevPageLink
|
||||
|
|
|
|||
|
|
@ -136,6 +136,23 @@ function getTooltipElement(el) {
|
|||
return document.getElementById(el.$_ptooltipId);
|
||||
}
|
||||
|
||||
function setGlobalPTOptions(el, container) {
|
||||
const addCSS = (element, section) => {
|
||||
section.class && DomHandler.addMultipleClasses(element, section.class);
|
||||
section.style && DomHandler.addStyles(element, section.style);
|
||||
};
|
||||
|
||||
el.$_ptooltipPTOptions.css && addCSS(container, el.$_ptooltipPTOptions.css.root);
|
||||
el.$_ptooltipPTCss && addCSS(container, el.$_ptooltipPTCss.root);
|
||||
|
||||
for (let section of ['arrow', 'text']) {
|
||||
const element = DomHandler.findSingle(container, `[data-pc-section="${section}"]`);
|
||||
|
||||
el.$_ptooltipPTOptions.css[section] && addCSS(element, el.$_ptooltipPTOptions.css[section]);
|
||||
el.$_ptooltipPTCss[section] && addCSS(element, el.$_ptooltipPTCss[section]);
|
||||
}
|
||||
}
|
||||
|
||||
function create(el) {
|
||||
const id = el.$_ptooltipIdAttr !== '' ? el.$_ptooltipIdAttr : UniqueComponentId() + '_tooltip';
|
||||
|
||||
|
|
@ -144,15 +161,22 @@ function create(el) {
|
|||
let container = document.createElement('div');
|
||||
|
||||
container.id = id;
|
||||
container.setAttribute('data-pc-section', 'root');
|
||||
container.setAttribute('data-pc-name', 'tooltip');
|
||||
|
||||
let tooltipArrow = document.createElement('div');
|
||||
|
||||
tooltipArrow.className = 'p-tooltip-arrow';
|
||||
tooltipArrow.setAttribute('data-pc-section', 'arrow');
|
||||
container.appendChild(tooltipArrow);
|
||||
|
||||
let tooltipText = document.createElement('div');
|
||||
|
||||
tooltipText.className = 'p-tooltip-text';
|
||||
tooltipText.setAttribute('data-pc-section', 'text');
|
||||
|
||||
if (!el.$_ptooltipUnstyled) {
|
||||
tooltipArrow.className = 'p-tooltip-arrow';
|
||||
tooltipText.className = 'p-tooltip-text';
|
||||
}
|
||||
|
||||
if (el.$_ptooltipEscape) {
|
||||
tooltipText.innerHTML = el.$_ptooltipValue;
|
||||
|
|
@ -171,6 +195,8 @@ function create(el) {
|
|||
container.style.width = 'fit-content';
|
||||
}
|
||||
|
||||
setGlobalPTOptions(el, container);
|
||||
|
||||
return container;
|
||||
}
|
||||
|
||||
|
|
@ -306,7 +332,7 @@ function preAlign(el, position) {
|
|||
|
||||
tooltipElement.style.left = -999 + 'px';
|
||||
tooltipElement.style.top = -999 + 'px';
|
||||
tooltipElement.className = `p-tooltip p-component p-tooltip-${position} ${el.$_ptooltipClass || ''}`;
|
||||
tooltipElement.className += el.$_ptooltipUnstyled ? el.$_ptooltipClass : ` p-tooltip p-component p-tooltip-${position} ${el.$_ptooltipClass || ''}`;
|
||||
}
|
||||
|
||||
function isOutOfBounds(el) {
|
||||
|
|
@ -356,28 +382,36 @@ const Tooltip = {
|
|||
target.$_ptooltipEscape = false;
|
||||
target.$_ptooltipClass = null;
|
||||
target.$_ptooltipFitContent = true;
|
||||
target.$_ptooltipIdAttr = '';
|
||||
target.$_ptooltipShowDelay = 0;
|
||||
target.$_ptooltipHideDelay = 0;
|
||||
target.$_ptooltipPTCss = '';
|
||||
} else if (typeof options.value === 'object' && options.value) {
|
||||
if (ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') return;
|
||||
else {
|
||||
/* eslint-disable */
|
||||
target.$_ptooltipValue = options.value.value;
|
||||
target.$_ptooltipDisabled = !!options.value.disabled === options.value.disabled ? options.value.disabled : false;
|
||||
target.$_ptooltipEscape = !!options.value.escape === options.value.escape ? options.value.escape : false;
|
||||
target.$_ptooltipClass = options.value.class;
|
||||
target.$_ptooltipClass = options.value.class || '';
|
||||
target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
|
||||
target.$_ptooltipIdAttr = options.value.id || '';
|
||||
target.$_ptooltipShowDelay = options.value.showDelay || 0;
|
||||
target.$_ptooltipHideDelay = options.value.hideDelay || 0;
|
||||
target.$_ptooltipPTCss = options.value.pt && options.value.pt.css;
|
||||
}
|
||||
}
|
||||
|
||||
target.$_ptooltipZIndex = options.instance.$primevue && options.instance.$primevue.config && options.instance.$primevue.config.zIndex.tooltip;
|
||||
if (options.instance.$primevue && options.instance.$primevue.config) {
|
||||
target.$_ptooltipZIndex = options.instance.$primevue.config.zIndex.tooltip;
|
||||
target.$_ptooltipUnstyled = options.instance.$primevue.config.unstyled || false;
|
||||
target.$_ptooltipPTOptions = options.instance.$primevue.config.pt && options.instance.$primevue.config.pt.directives && options.instance.$primevue.config.pt.directives.tooltip;
|
||||
}
|
||||
|
||||
bindEvents(target);
|
||||
},
|
||||
unmounted(el) {
|
||||
let target = getTarget(el);
|
||||
|
||||
remove(target);
|
||||
unbindEvents(target);
|
||||
|
||||
|
|
@ -388,10 +422,12 @@ const Tooltip = {
|
|||
},
|
||||
updated(el, options) {
|
||||
let target = getTarget(el);
|
||||
|
||||
target.$_ptooltipModifiers = getModifiers(options);
|
||||
|
||||
if (!options.value) {
|
||||
unbindEvents(target);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -403,26 +439,32 @@ const Tooltip = {
|
|||
target.$_ptooltipIdAttr = '';
|
||||
target.$_ptooltipShowDelay = 0;
|
||||
target.$_ptooltipHideDelay = 0;
|
||||
target.$_ptooltipPTCss = '';
|
||||
|
||||
bindEvents(target);
|
||||
} else if (typeof options.value === 'object' && options.value) {
|
||||
if (ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') {
|
||||
unbindEvents(target);
|
||||
|
||||
return;
|
||||
} else {
|
||||
/* eslint-disable */
|
||||
target.$_ptooltipValue = options.value.value;
|
||||
target.$_ptooltipDisabled = !!options.value.disabled === options.value.disabled ? options.value.disabled : false;
|
||||
target.$_ptooltipEscape = !!options.value.escape === options.value.escape ? options.value.escape : false;
|
||||
target.$_ptooltipClass = options.value.class;
|
||||
target.$_ptooltipClass = options.value.class || '';
|
||||
target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
|
||||
target.$_ptooltipIdAttr = options.value.id || '';
|
||||
target.$_ptooltipShowDelay = options.value.showDelay || 0;
|
||||
target.$_ptooltipHideDelay = options.value.hideDelay || 0;
|
||||
target.$_ptooltipPTCss = options.value.pt && options.value.pt.css;
|
||||
|
||||
bindEvents(target);
|
||||
}
|
||||
}
|
||||
|
||||
if (options.instance.$primevue && options.instance.$primevue.config) {
|
||||
target.$_ptooltipPTOptions = options.instance.$primevue.config.pt && options.instance.$primevue.config.pt.directives && options.instance.$primevue.config.pt.directives.tooltip;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -13,7 +13,6 @@
|
|||
:tabindex="index === 0 ? 0 : -1"
|
||||
@keydown="onKeyDown"
|
||||
v-bind="level === 1 ? getPTOptions('node') : ptm('subgroup')"
|
||||
data-pc-section="treeitem"
|
||||
>
|
||||
<div :class="cx('content')" @click="onClick" @touchend="onTouchEnd" :style="node.style" v-bind="getPTOptions('content')" :data-p-highlight="checkboxMode ? checked : selected" :data-p-selectable="selectable">
|
||||
<button v-ripple type="button" :class="cx('toggler')" @click="toggle" tabindex="-1" aria-hidden="true" v-bind="getPTOptions('toggler')">
|
||||
|
|
|
|||
|
|
@ -28304,7 +28304,7 @@
|
|||
"readonly": false,
|
||||
"type": "any",
|
||||
"default": "",
|
||||
"description": "Template of the paginator, can either be a string or an object with key-value pairs to define templates per breakpoint.\n\n- FirstPageLink\n- PrevPageLink\n- PageLinks\n- NextPageLink\n- LastPageLink\n- RowsPerPageDropdown\n- JumpToPageDropdown\n- JumpToPageInput\n- CurrentPageReport"
|
||||
"description": "Template of the paginator, can either be a string or an object with key-value pairs to define templates per breakpoint. Available templates are the following;\n\n- FirstPageLink\n- PrevPageLink\n- PageLinks\n- NextPageLink\n- LastPageLink\n- RowsPerPageDropdown\n- JumpToPageDropdown\n- JumpToPageInput\n- CurrentPageReport"
|
||||
},
|
||||
{
|
||||
"name": "currentPageReportTemplate",
|
||||
|
|
|
|||
|
|
@ -48,17 +48,6 @@ export default defineNuxtConfig({
|
|||
strategy: 'lazyOnload',
|
||||
src: 'https://www.googletagmanager.com/gtag/js?id=UA-93461466-1'
|
||||
},
|
||||
{
|
||||
id: 'ga-analytics',
|
||||
strategy: 'lazyOnload',
|
||||
children: `
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-93461466-1');
|
||||
`
|
||||
},
|
||||
{
|
||||
src: baseUrl + 'scripts/prism.js',
|
||||
'data-manual': true
|
||||
|
|
|
|||
|
|
@ -34,24 +34,40 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Slot Props</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Initate the implementation of Slot Props to provide advanced control over component internals.</p>
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Pass Through Props</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Initate the implementation of Pass Through Props to provide advanced control over component internals.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-blue-500 border-round" style="width: 25%; height: 4px"></div>
|
||||
<div class="bg-blue-500 border-round" style="width: 100%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 flex gap-3 flex-column">
|
||||
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Testing</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Increase unit test coverage.</p>
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Unstyled Mode</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Introduce new unstyled mode to fully support styling with CSS libraries like Tailwind.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-blue-500 border-round" style="width: 90%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Tailwind Theme</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Implement a built-in TailwindCSS theme using the new Unstyled mode.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-blue-500 border-round" style="width: 50%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 flex gap-3 flex-column">
|
||||
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">CSS Variables</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Migrate to CSS variables for a dynamic approach.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Unstyled Mode</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Introduce new unstyled mode to fully support styling with CSS libraries like Tailwind.</p>
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">RTL Mode</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Implement RTL support for all components.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
</div>
|
||||
|
|
@ -72,26 +88,32 @@
|
|||
<div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Testing</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Increase unit test coverage.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 flex gap-3 flex-column"></div>
|
||||
</div>
|
||||
<div class="flex gap-3 border-bottom-1 surface-border pb-3">
|
||||
<div class="flex-shrink-0 p-3 bg-indigo-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Figma UI Kit</div>
|
||||
<div class="flex-1 flex gap-3 flex-column">
|
||||
<div class="p-3 surface-card border-round border-indigo-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Add support for Figma Tokens.</p>
|
||||
<p class="mt-0 mb-3 line-height-3">Initiated support for Figma Tokens.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-indigo-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
<div class="bg-indigo-500 border-round" style="width: 100%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 flex gap-3 flex-column">
|
||||
<div class="p-3 surface-card border-round border-bluegray-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Theme Generator</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Create a Figma Plugin to generate themes from Figma.</p>
|
||||
<div class="p-3 surface-card border-round border-indigo-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Finalize Figma Tokens..</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-bluegray-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
<div class="bg-indigo-500 border-round" style="width: 50%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -129,24 +151,8 @@
|
|||
</div>
|
||||
<div class="flex gap-3 border-bottom-1 surface-border pb-3">
|
||||
<div class="flex-shrink-0 p-3 bg-orange-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">PrimeBlocks</div>
|
||||
<div class="flex-1 flex gap-3 flex-column">
|
||||
<div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">30+ new UI Blocks.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-orange-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 flex gap-3 flex-column">
|
||||
<div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">New UI Blocks.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-orange-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 flex gap-3 flex-column"></div>
|
||||
<div class="flex-1 flex gap-3 flex-column"></div>
|
||||
<div class="flex-1 flex gap-3 flex-column">
|
||||
<div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2>
|
||||
|
|
@ -167,24 +173,18 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="flex gap-3 border-bottom-1 surface-border pb-3">
|
||||
<div class="flex-shrink-0 p-3 bg-pink-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Styling</div>
|
||||
<div class="flex-shrink-0 p-3 bg-pink-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Designer</div>
|
||||
<div class="flex-1 flex gap-3 flex-column">
|
||||
<div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Open Source Designer</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Open source the sass based theming api and the visual designer.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-pink-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
<div class="bg-pink-500 border-round" style="width: 100%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 flex gap-3 flex-column"></div>
|
||||
<div class="flex-1 flex gap-3 flex-column">
|
||||
<div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">CSS Variables</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Migrate to CSS variables for a dynamic approach.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-pink-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">New UI Based Theme Editor</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Advanced Theme Editor with full control over the Theming API.</p>
|
||||
|
|
@ -194,7 +194,6 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="flex-1 flex gap-3 flex-column"></div>
|
||||
<div class="flex-1 flex gap-3 flex-column"></div>
|
||||
</div>
|
||||
<div class="flex gap-3 border-bottom-1 surface-border pb-3">
|
||||
<div class="flex-shrink-0 p-3 bg-purple-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Templates</div>
|
||||
|
|
@ -210,7 +209,7 @@
|
|||
<h2 class="text-lg font-bold mt-0 mb-2">Migrate to Vite</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Initiate migration of templates to Vite.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-purple-500 border-round" style="width: 10%; height: 4px"></div>
|
||||
<div class="bg-purple-500 border-round" style="width: 100%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -219,7 +218,7 @@
|
|||
<h2 class="text-lg font-bold mt-0 mb-2">Migrate to Vite</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Finish migration of templates to Vite.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-purple-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
<div class="bg-purple-500 border-round" style="width: 100%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -28,6 +28,11 @@
|
|||
<span class="mb-2 text-xl font-bold">Onur Şentüre</span>
|
||||
<span>Design Lead</span>
|
||||
</div>
|
||||
<div class="flex flex-column align-items-center flex-auto">
|
||||
<img src="https://primefaces.org/cdn/primevue/images/team/yigit.jpg" class="border-circle mb-4" alt="Yiğit Fındıklı" />
|
||||
<span class="mb-2 text-xl font-bold">Yiğit Fındıklı</span>
|
||||
<span>Technical Lead</span>
|
||||
</div>
|
||||
<div class="flex flex-column align-items-center flex-auto">
|
||||
<img src="https://primefaces.org/cdn/primevue/images/team/dilara.jpg" class="border-circle mb-4" alt="Dilara Can" />
|
||||
<span class="mb-2 text-xl font-bold">Dilara Güngenci</span>
|
||||
|
|
@ -78,6 +83,16 @@
|
|||
<span class="mb-2 text-xl font-bold">Olgu Başak</span>
|
||||
<span>Java Web Developer</span>
|
||||
</div>
|
||||
<div class="flex flex-column align-items-center flex-auto">
|
||||
<img src="https://primefaces.org/cdn/primevue/images/team/furkan.jpg" class="border-circle mb-4" alt="Furkan Seziş" />
|
||||
<span class="mb-2 text-xl font-bold">Furkan Seziş</span>
|
||||
<span>Front-End Developer</span>
|
||||
</div>
|
||||
<div class="flex flex-column align-items-center flex-auto">
|
||||
<img src="https://primefaces.org/cdn/primevue/images/team/burak.jpg" class="border-circle mb-4" alt="Burak Sağlam" />
|
||||
<span class="mb-2 text-xl font-bold">Burak Sağlam</span>
|
||||
<span>Front-End Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue